vue如何配置去请求不同接口

刚开始的时候很不懂vue.config.js中请求接口在本地起作用，但是打包放到测试环境就会报错。。
也是了解了很多关于vue.config.js配置但也只是略懂，要不就是还会出bug,后来也是针对项目有了经验才懂了

第一步：和package.json同级创建不同环境的文件，公司项目需要几个环境就创建几个
例如： 有test(测试)、development(本地)、production(线上)这三个环境，
所以创建文件分别为 .env.development .env.test .env.production

在每个文件夹中：

# 模式的名称
NODE_ENV = 'development'   //这里名字与文件名相同，以免搞混或者记不住

VUE_APP_BASE_URL = "接口公共部分"
VUE_APP_BASE_ API = ""

重点来了。。。
在vue.config.js的module.exports对象中:

	devServer: {
	    open: false, // process.platform === 'darwin' 启动后自动打开浏览器
	    host: "0.0.0.0", // 允许外部ip访问
	    port: 8899, // 端口  这些都是可以改的
	    https: false, // 是否启用https
	    overlay: {
	      warnings: true,
	      errors: true
	    }, // 错误、警告在页面弹出
	    proxy: {