例如,运行H5页面,请求一个地址资源,如果不是本站地址,浏览器就会报跨域错误,这样访问受限 问题呈现 例如,项目代码里是这样写的,运行H5测试 uni.request({url:'https://gi
例如,运行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)}})
对代理这一次陌生?第一次听说不要紧,来科普一下,
代理,比如生活中找来的中介差不多的意思
--结束END--
本文标题: 【uniapp】uni.request请求跨域问题解决方案
本文链接: https://www.lsjlt.com/news/413075.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-11
2024-05-10
2024-05-07
2024-04-30
2024-04-30
2024-04-30
2024-04-29
2024-04-29
2024-04-29
2024-04-18
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0