关于前端:vue中env文件配置

1.env文件配置
.env.development开发环境文件配置

NODE_ENV=developmentVUE_APP_PREVIEW=trueVUE_APP_API_BASE_URL=/apiVUE_APP_PLATFORM_PORT=8766VUE_APP_TITLE=title

.env.puhua

NODE_ENV=productionVUE_APP_PREVIEW=falseVUE_APP_API_BASE_URL=/apiVUE_APP_PLATFORM_PORT=9007VUE_APP_TITLE=title1

文件中内容命名规定属性名必须以VUE_APP_结尾，例如：VUE_APP_XXX

2.package.json文件配置
本地执行npm run dev时应用.env.development文件，配置："dev": "vue-cli-service serve --mode development"
打包生产环境执行npm run build会默认应用.env.production文件，我这里要独自配置指令，执行npm run build:puhua时应用.env.puhua文件，配置："build:puhua": "vue-cli-service build --mode puhua"

"scripts": {    "dev": "vue-cli-service serve --mode development",    "build": "vue-cli-service build",    "test:unit": "vue-cli-service test:unit",    "lint:nofix": "vue-cli-service lint --no-fix",    "lint": "vue-cli-service lint",    "build:preview": "vue-cli-service build --mode preview",    "build:dev": "vue-cli-service build --mode development",    "build:test": "vue-cli-service build --mode test",    "build:puhua": "vue-cli-service build --mode puhua"  },

3.在文件中应用
process.env.VUE_APP_TITLE

留神：无论是开发环境还是生产环境都会执行.env文件，如果运行npm run dev就会先加载.env文件再加载.env.development；如果运行npm run build:puhua就会先加载.env文件再加载.env.puhua。