vue3.0 配置本地代理 联调接口

1、可以手动创建一个vue.config.js ，dev.config.js 在项目最外围

 2、vue.config.js 就是配置咱们得vue得一个配置得打包环境 后面会一一提到，先回正题 配置代理嘛

vue.config.js得代码：

const config = require('./dev.config')
module.exports = {
    devServer: {
      proxy: {},
      ...config.devServer,
      open: true, //运行打开浏览器
   },
}

dev.config.js 代码 

const GATE_WAY_SERVER = 'https://www.baidu.com/';

module.exports = {
  devServer: {
    proxy: {
      '/api/v1/': {
        target: GATE_WAY_SERVER,
        changeOrigin: true,
        logLevel: 'debug',
        ws: true,
        secure: false
      }
    }
  }
}

GATE_WAY_SERVER 就是你的服务得ip 替换下就好了 ，

当然你的服务api 要是不是 /api/v1 开头了 自己改下

，可以支持正则匹配

devServer.proxy 里面支持写多个

可以配置不同的接口代理