在项目的根目录下新建两个文件:
.env.dev
.env.prod
文件内容如下:
开发环境:
NODE_ENV=development
VUE_APP_SERVER=http://127.0.0.1:9000
生产环境:
NODE_ENV=production
VUE_APP_SERVER=http://127.0.0.1:9000
在 main.js
中打印一下看看:
console.log("环境: ", process.env.NODE_ENV);
在请求的时候可以调用系统环境作为请求路径:
process.env.VUE_APP_SERVER + '/business/admin/chapter/save'
我们可以通过设置参数的方式改变启动的配置文件:
vue-cli-service serve --mode dev
在 package.json
中设置:
{
"name": "admin",
"version": "0.1.0",
"private": true,
"scripts": {
"serve-dev": "vue-cli-service serve --mode dev",
"serve-prod": "vue-cli-service serve --mode prod",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
...
在编辑器中就能看到这几个启动脚本: