注意开发环境的本地代理或者测试环境的代理，在部署到正式上时，一定要换成线上的IP地址，不然，数据拿不到。

首先在项目中 新建

vue.config.js (cli配置文件)
.env.development (配置开发和测试接口地址)
.env.production (配置生产环境接口地址)

配置测试和本地开发时的 接口地址

在.env.production（将下边的内容放进去）
VUE_APP_URL = "你的开发或测试接口地址"

配置 正式接口地址

.env.development（将下边的内容放进去）
VUE_APP_URL = "你的正式接口地址"

vue.config.js中的 devServer 属性下进行配置

devServer: {
    // before mock
    // before: beforeHooks,
    port: port,
    // open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    hot: true,
    clientLogLevel: 'warning',
    proxy: {
      '/api': {
        target: process.env.VUE_APP_URL,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''//这个意思就是以api开头的，定向到哪里, 如果你的后边还有路径的话， 会自动拼接上
        }
      }
    }
    // mock数据的 middleware
    // after: require('./mock/mock-server.js')
  },

·