uniapp跨平台（【uniapp】uni.request请求跨域问题解决方案）

时间2025-06-17 11:49:49分类IT科技浏览6636

导读：例如，运行H5页面，请求一个地址资源，如果不是本站地址，浏览器就会报跨域错误，这样访问受限...

例如，运行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) } })

对代理这一次陌生？第一次听说不要紧，来科普一下，

代理，比如生活中找来的中介差不多的意思

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。