我们常常在开发的时候,开发环境和生产环境的api是不一样的,所以导致请求路径的改变,那么在vue-cli中我们是这样处理问题。首先阅读一下官网vue-cli环境变量知识
步骤:
(1)pakage.json环境配置如下:
"scripts": {
"test": "vue-cli-service serve --mode test",
"prod": "vue-cli-service serve --mode prod",
"buildProd": "vue-cli-service build --mode buildProd",
"buildTest": "vue-cli-service build --mode buildTest"
},
(2)那么在使用上述对应命令(eg:npm run test)的时候,就会去项目中寻找入口文件.env.test,即在项目根目录中package.json同级中创建.env.test .env.prod .env.buildProd .env.buildTest
补充知识:
示例:.env.test文件(配置该模式环境下的所需,切勿放置机密文件)
NODE_ENV=development
VUE_APP_VER=test
VUE_APP_PREFIX=/t
VUE_APP_SERVER=/test
VUE_APP_SERVER_JSON=/getJson
VUE_APP_TEST_SERVER=/testApi