uni-app H5 跨域解决方案

5,073 阅读1分钟

简单使用

api示例 : www.abc.com/dist/api/lo…

配置方式:
// manifest.json
    "h5" : {
        "devServer" : {
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "https://www.abc.com/dist",
                    "changeOrigin" : true
                }
            }
        }
    }

请求示例:
uni.request({
    url: "/api/login",
    ...
})

路径重写

api示例 : www.abc.com/login

配置方式:
// manifest.json
    "h5" : {
        "devServer" : {
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "https://www.abc.com",
                    "changeOrigin" : true,
                    "pathRewrite" : {
                        "^/api" : ""  // https://www.abc.com/login
                    }
                }
            }
        }
    }

请求示例:
uni.request({
    url: "/api/login",
    ...
})