位置: IT常识 - 正文
推荐整理分享【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)(蒙特利尔 攻略)
友情链接: 武汉网站建设