解决uni-app开发环境中H5端跨域问题
此跨域问题只存在于浏览器端,App和⼩程序不存在跨域问题
参考地址:
其实uni-app官⽅有解决跨域的办法,官⽅推荐使⽤HBuilderX中内置的浏览器去预览,在内置的浏览器中不会存在跨域问题,但是要是在Chrome 浏览器中预览的话就会出现这个跨域问题,官⽅推荐使⽤Allow-Control-Allow-Origin: *插件的⽅式去解决,但是我试过这个插件,不知道是什么问题,并没有效果,跨域问题依旧还是存在,后⾯再仔细的看了下⽂档,看到了下⾯的提⽰。
uni-app中manifest.json->h5->devServer实际上对应webpack的,鉴于 manifest 为 json ⽂件,故fig.js->devServer配置项下的简单类型属性均可在manifest.json->h5->devServer节点下配置,funciton 等复杂类型暂不⽀持。
所以我就在想是不是可以使⽤proxy配置反向代理的⽅式去实现跨域请求,代码如下:
/* h5特有相关 */
"h5" : {
"devServer" : {
"port" : 8000, //端⼝号
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "", //⽬标接⼝域名
"changeOrigin" : true,  //是否跨域
"secure" : false// 设置⽀持https协议的代理chrome浏览器官方
}
}
}
}
最后发现问题解决了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。