微信小程序wx.request请求数据报错：不在如下 request 合法域名列表中

时间 2020-01-21

标签微信程序 wx.request request 请求数据报错不在如下合法域名列表繁體版

原文原文链接

首先写一个后台的数据接口，地址是：http://localhost/weicms/index...php

而后使用wx.request调用后台数据接口的地址web

示例代码json

1 wx.request({  
2   url: 'http://localhost/weicms/index.php?s =/addon/Cms/Cms/getList'，  
3   data: {  
4     x: '',  
5     y: ''  
6   },  
7   header: {  
8     'content-type': 'application/json'// 默认值  
9   },  
10  success (res) {  
11     console.log(res.data)  
12    }  
13  })

运行代码，效果以下图：小程序

从上图中看到页面一片空白，没有获取到数据，而且控制台报错（request 合法域名校验出错；http://localhost 不在如下 request 合法域名列表中）服务器

为什么出现这种错误？微信

打开wx.request网络请求的开发文档能够看到网络

上面截图中红色框就是问题所在（小程序服务器域名配置中是不能使用IP地址跟localhost），示例代码中wx.request请求的url地址包含localhost，所以出错。微信开发

可是通常开发过程当中都要先在本地开发调试。若是无法使用ip地址跟localhos，本地开发调试过程当中如何获取数据呢，有没有办法在本地开发调试的时候屏蔽这个错误呢？app

答案是有的。开发文档中指出了能够跳过域名校验，以下图：工具

具体在哪里开启不检验域名的选项呢？在微信开发者工具中，点击详情后，选中不检验合法域名，以下图所示：

此时，再次运行代码后，效果以下图：

从上图看到数据已经成功获取到了，且控制也没有报错，只是提示：配置中关闭合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书检查