位置: IT常识 - 正文
【uniapp】uni.request请求跨域问题解决方案(uniapp webgl)
编辑：rootadmin【uniapp】uni.request请求跨域问题解决方案 
本文链接地址:https://www.jiuchutong.com/zhishi/289758.html
转载请保留说明！
推荐整理分享【uniapp】uni.request请求跨域问题解决方案(uniapp webgl)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:uniapp indexdb,/uniapp,uniapp require,/uniapp,uniappvant,/uniapp,uniappvant,/uniapp,内容如对您有帮助，希望把文章链接给更多的朋友！
例如，运行H5页面，请求一个地址资源，如果不是本站地址，浏览器就会报跨域错误，这样访问受限
问题呈现例如，项目代码里是这样写的，运行H5测试
uni.request({url:'https://gitcode.net/zs1028/stat...ouces_2023/-/...',success(res) {console.log(res)},fail(err) {console.error(err)}})因为https://gitcode.net不是本站地址，根据浏览器同源策略，是会报跨域错误，
解决步骤打开项目的manifest.json文件，以源码视图查看，添加以下代码
{//..."h5": {/* 跨域代理 */"devServer": {"port": 5174,"disableHostCheck": true,"proxy":{"/zs1028":{"target": "https://gitcode.net","changeOrigin":true,"secure": false}}}},//...}解释以下
属性port是本站的服务器访问IP对应端口号，如果是发布的网站，应该填80或者443属性/zs1028是本地的访问接口，接口如果是/zs1028...这样，就会交给本地服务器代理访问最后，改成以下代码，就能跨域访问了，实际上是代理访问
uni.request({url:'/zs1028/stat...ouces_2023/-/...',success(res) {console.log(res)},fail(err) {console.error(err)}})对代理这一次陌生？第一次听说不要紧，来科普一下，
代理访问直接访问访问外部地址失败浏览器本地站点-服务器被拦截外地站点代理，比如生活中找来的中介差不多的意思
上一篇：蒙特利尔的乌林鸮，加拿大 (© rollandgelly/Getty Images)(蒙特利尔 攻略)
