如果您有项目需要开发,可以联系我们
果果开发

uniapp运行h5网页跨域

作者: admin 发布时间:2025-05-30 17:58:16

一般情况下,uniapp运行h5网页会出现跨域问题,导致无法获取接口响应的数据,原因就是:uniapp本地网页运行的域名为http://localhost:8080,如果接口域名不同,例如:接口请求地址为:https://www.ggdoc.cn,这样就出现了跨域问题。

解决这个办法很简单,只需要修改uniapp项目下的manifest.json文件,在h5节点下添加以下配置:

"devServer": {
    "proxy": {
        "/api": {
            "target": "https://www.ggdoc.cn",
            "changeOrigin": true,
            "pathRewrite": {
                "^/api": ""
            }
        }
    }
}

然后把你项目下的接口地址全部改为http://localhost:8080/api即可,这样,网页域名与接口域名一致,则不会出现跨域请求问题。