微信小程序使用 web-view 标签却无法访问到 src 内的网址

91 阅读2分钟

1. 浅谈正式服中 web-view 标签无法访问到 src 属性链接的解决方案。

微信开放文档中相关web-view的网址:developers.weixin.qq.com/miniprogram… image.png 在微信小程序官方文档中我们会可以找到,关于web-view标签的使用方法,如上图👆。 但是实际上我们在开发的时候一般都会开启微信小程序的不合法域名校验。如下图👇 ![image.png](p9-juejin.byteimg.com/tos-cn-i-k3…

)

之后的在服务端测试、自测起来都很正常,直到正式上线之后都没什么问题。但是!!!第二天手机突然被产品打爆,说用户有个网页无法访问,正是这个web-view标签中的页面用户没有访问权限,这个时候你就会很纳闷,怎么回事,明明在微信公众平台开发选项的开发管理里面的开发设置中的服务器域名里面也设置了白名单呀!而且在app.json里面也配置👇了相关的代码,应该不会有问题的呀!!!

image.png 这个时候一般的同学就会跑去财务处报道了,但是我们不一样,我们看过这篇文章。首先我们要保证我上一段话说的废话都做了,没有问题,然后记住这种情况跟我们前端没有任何问题,因为微信小程序想要访问其他网页不仅仅需要我们配置白名单,这个时候我们需要找到域名谁有管理和部署的权限,我们要去微信公众平台下载校验文件,然后让相关同事在域名根目录下下放个验证文件,文件下载地址如下👇。

image.png 总结一下,就是我们首先确保自己的工作没有问题,那么就是别人的问题,然后找到相关负责的同事解决就好了。 这样我们又解决了一个问题,我们就不需要去财务处报道了,又是能够在这么卷的行业活下来的一天。