例如，运行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)
}
})
对代理这一次陌生？第一次听说不要紧，来科普一下，
代理，比如生活中找来的中介差不多的意思文章来源：https://www.toymoban.com/news/detail-453683.html
文章来源地址https://www.toymoban.com/news/detail-453683.html
到了这里，关于【uniapp】uni.request请求跨域问题解决方案的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
