vue-cli怎么切换测试接口和线上接口？

Question

现在不明白的是，首先我在config/index.js的proxytable配置的反向代理，target设置的是测试接口。

然后我百度了下，打包上线前需要在config/dev.env.js和config/prod.env.js再分别配置下测试接口和线上接口。config/dev.env.js配置的测试接口要和config/index.js的proxytable的target一致吗？修改测试接口地址的时候这两个地方都要修改吗？感觉有点麻烦。

然后在config/dev.env.js和config/prod.env.js分别配置测试接口和线上接口的时候我看每个人配置键名都不一样，比如：API_HOST: '192.168.1.3/api'或者API_ROOT: '192.168.1.3/api'这个键名可以自定义吗？有什么用？我axios的uil用的不都是proxytable定义的那个api别名吗？

求大佬指教

Answer 1

config/dev.env.js 和 config/prod.env.js，都是配置环境变量用的。
dev.env.js 定义的是开发环境的环境变量；
prod.env.js 定义的是生产环境的环境变量；
环境变量的键名都是可以自定义的，如键名为 API_HOST，则通过 process.env.API_HOST 来使用该变量。

可以在 config/dev.env.js 和 config/prod.env.js定义一个相同键名的变量，然后 target 设置为 process.env.键名 就可以自动根据当前的环境来选择合适的变量值。