UniApp 反向代理配置 - 本地开发解决跨域问题

实现效果：访问  http://localhost:8082/api/xxxxxxx 所有的地址请求将反向代理至 http://192.168.1.15:7010/api/xxxxxx

修改 manifest.json 文件

在UniApp项目中，可以通过修改manifest.json文件来配置反向代理。具体步骤如下：

1. 打开manifest.json文件，找到h5配置项。

2. 添加devServer配置，设置proxy属性。例如：

 

    "h5": {
        "devServer": {
            "headers": {
                "Host": "localhost",//指定访问 Header 之 Host
                "X-Host": "localhost:8082"//指定访问 Header 之 Host 及 Port
            },
            "proxy": {
                "/api": {//代理地址前缀
                    "target": "http://192.168.1.15:7010",//代理目标地址
                    //"target": "http://localhost:5241",
                    "changeOrigin": false,//不更改 Header 之 Origin;如果 target 地址是域名的话需要将设置为 true
                    "secure": false,//非 https
                    "pathRewrite": {
                        "^/api": "api" // 地址重写
                    }
                }
            },
            "https": false,
            "port": 8082
        }
    },