【小程序】- web-view不支持打开非业务域名如何解决

前言：

小程序使用web-view时访问h5页面提示“不支持打开非业务域名，请重新配置”，不了解的即是大写的问号，错误提示的也是很明确了，重新配置，那么接下来我们就进行配置的操作；

内容：

1. 服务器域名

每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）、下载文件（wx.downloadFile) 和 WebSocket 通信（wx.connectSocket）；

配置流程官网指引-》 官网配置流程

配置步骤

登录微信公众平台-开发-开发设置-服务器域名

未配置的页面如下：点击“开始配置”-微信扫码登录-添加域名即可

已经配置过的页面如下：点击修改添加所需要的服务器域名即可

2. 业务域名

登录微信公众平台-“开发”-“开发设置”-配置页面域名配置-“开始配置”（此页面与服务器域名第一次配置相似）

本地测试业务域名设置

如果我们只是在本地测试使用web view访问网页，那么可以通过在开发工具中-右侧“详情”-点击“本地设置”-勾选“不校验合法域名、web-view（业务域名）、TLS版本以及HTTPS证书”，然后重新编译项目可以成功访问，具体操作如下图所示：

3. 开发工具中查看

微信扫码登录-点击“下载校验文件”，将校验文件放在要访问的项目所部署的服务器根目录下，放置成功即可添加业务域名；

配置成功后打开开发工具，点击右侧“详情”-“本地设置”，可以看到我们在微信公众平台（也就是小程序的管理后台）配置的服务器域名和业务域名，如下图所示；

尾声：

如果只是本地测试一下的话，也就没有必要进行一系列的服务器域名配置、业务域名配置，可以通过本地设置勾选不校验域名配置，当项目上线应用时，我们就需要进行配置了，以上自己操作过程的记录；