记一下uni-app预览到H5时跨域问题

配置uni-app 中 manifest.json->h5->devServer

manifest.json

json
"h5": {
        "devServer": {
        "port": 8000,
        "disableHostCheck": true,
        "proxy": {
            "/api": {
                "target": "http://test.com:xxxx",
                "changeOrigin": true,
                "secure": false,
                // 会把程序中/api开头的路径替换成:http://test.com:xxxx/api
                "pathRewrite": {
                  "^/api": "/" // 设置/api路径重定向
                }
            }
        }
    }
}

请求

js
uni.request({
    url: '/api/getUserInfo', 
    success: (res) => {
        console.log(res.data);
    }
});

请求会被解析为http://test.com:xxxx/api/

收藏 打印