vue如何配置http网络代理

1, 在vue-cli的根目录下创建vue.config.js文件

2, 在文件下在配置如下代码

module.exports = {
  // 对本地服务器进行配置
  devServer: {
    proxy: {
      //以“/netRequest”作为开头的axios请求都会进行代理
      "/netRequest": {
        target: "http://localhost:8080", //请求目标服务器的url
        changeOrigin: true, //是否对服务器隐藏源地址（选为true）
        pathRewrite: {
          "^/netRequest": ""    //将"/netRequest"前缀的路径用""替换
        }
      }
    },
    port:9090,  //vue前端的端口号
  },
}

3, 请求时请使用如下方式

axios.get("/netRequest/user").then(res => {
    alert(res.data)
}).catch(err => {
    alert(err.data)
})