uni-app项目跨域设置代理

uni-app项目跨域设置代理

总结这篇文章的原因是没有一次性设置成功，所以还是记录一下吧！

1.在项目根目录下创建vue.config.js文件

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://172.172.80.80:8008', //需要代理的域名
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

2.上面配置后如果还不成功，需要在mainfest.json文件h5中加如下配置

    "h5" : {
        "router" : {
            "base" : "",
            "mode" : "history"
        },
        "title" : "",
        "devServer" : {
            "https" : false,
            "proxy": {
              "/api": {
                "target": "http://172.172.80.80:8008",
                "pathRewrite": {
                  "^/api": ""
                }
              }
            }
        }
    }

此时如果你需要访问的接口路径是

 const API_URL = "http://172.172.80.80:8008/api/factor";

直接改成下面这样就好了

const API_URL = "/api/api/factor";

控制台上访问的路径显示成

此时项目已不再报跨域的问题了，但是报404的问题。需要把项目重启下就ok啦！

补充：vue设置proxy代理，如何去查看代理地址 实际没有试过哦。主要用于判断代理设置的是否正确！