vue-cli3搭建的项目 配置env

1,382 阅读1分钟

使用场景:

a.可以在项目中设置,api host baseUrl

b.需要根据环境变量设置的参数

步骤:

1.根目录创建环境文件,文件中可写入:

VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME='test';

例如:

.env.dev 文件内容 VUE_APP_ENV=dev。

2.package.json 配置 方式:

"scripts": {
"start": "npm run dev",
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"dev": "vue-cli-service serve –mode dev",
"test": "vue-cli-service build –mode test",
"pre": "vue-cli-service build –mode pre",
"prod": "vue-cli-service build –mode prod",
"lint": "vue-cli-service lint"
}

3.npm start // 默认dev

console.log('当前的环境是',process.env.VUE_APP_ENV)