.env 文件詳解

env文件

配置四個環境名字分別

VUE_APP_ENV=dev // 只支持：VUE_APP_ 開頭，比如設置其它變量 VUE_APP_NAME=stark

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" },

啟動方式

npm start // 默認dev npm run test // test 環境 ... 以此類推 

項目中讀取方式

通過 process.env 獲取設置的變量 比如：console.log('當前的環境是',process.env.VUE_APP_ENV)

應用場景

• 可以在項目中設置，配置的，api host base url ，api 基礎接口
• 需要根據環境變量設置的參數