uni-app 使用代理解决本地开发环境 H5 调试跨域问题

我们在用 uni-app 进行前端 H5 开发，在本地开发环境需要连接线上接口时，会出现跨域问题。我们可以通过代理的方式来解决。

找到项目根路径下的 manifest.json 文件，对 manifest.json->h5->devServer 进行如下配置：

{
    "h5" : {
        "devServer" : {
            "disableHostCheck" : true,  // 禁用 Host 检查
            "proxy" : { // 代理
                "/open-gateway" : { // 访问路径
                    "target" : "https://dev.abc.com", // 需要代理到的目标服务器
                    "changeOrigin" : true // 代理转发
                },
                "/gateway" : {
                    "target" : "https://test.efg.cn",
                    "changeOrigin" : true
                }
            }
        }
    }
}

通过如上配置，本地请求就会被转发到目标服务器上。如：

• http://localhost:8081/open-gateway/a.do 会被转发到 https://dev.abc.com/open-gateway/a.do
• http://localhost:8081/gateway/b/c.do 会被转发到 https://test.efg.cn/gateway/b/c.do

版权属于：瞭月

本文链接：https://www.lervor.com/archives/139/

版权声明：本文为瞭月原创文章，转载请附上原文出处链接和本声明。