uni-app H5 跨域解决方案

摘要: 简单使用 api示例 : www.abc.com/dist/api/lo… 配置方式: // manifest.json "h5" : { "devServer" : { "disableHostCheck" : true, "proxy" : { "/api" : { "target" : "ht...

uni-app H5 跨域解决方案

简单使用

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",
    ...
})