uni-app H5 跨域解决方案

文章目录[隐藏]

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",
    ...
})
文章版权归原作者所有或来自互联网,未经允许请勿转载。如有侵权请联系我删除,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>