Vue-cli3 本地代理配置(解决开发中跨域问题)[摘录]

• 为什么需要请求代理？

现在前后端分离，开发不在一个主机上，所以需要在开发环境中请求API，需要服务器的API代理到本地。

• 这个问题在Vue-cli3已经有了解决方案。
• 通过vue.config.js配置文件中的devServer.proxy这个对象，其中devServer.proxy是开发环境下的服务器地址，
• 配置如下

module.export = {
    devServer:{
        proxy:'http://localhost:8080'
    }
}

- proxy填写需要代理的服务器地址。

• 完整代理配置如下:
  module.exports = {
  devSrever:{
  port:'8081',//代理端口
  open:false,//项目启动时是否自动打开浏览器
  proxy:{
  '/admin':{//代理api
  target:'http:**:0000',//服务器api地址
  changeOrigin:true,//是否跨域
  ws:true,//proxy websocket
  pathRewrite:{//重写路径
  '^/admin':''
  }
  }
  }
  }
  }

注意：使用此代理后，部署线上服务器，服务器中需要使用nigx反向代理才能正常使用。