process-env
在使用vue框架時，經常用到的倆種環境，一種是開發環境，一種是生產環境，
- 平時開發使用的是開發環境，如果發布到線上時，需要切換為線上環境，可以通過不同配置不同的運行命令來自動切換環境，
配置環境實作原理
- 實作原理是采用nodeJS的頂層物件中的process.env（行程環境，回傳一個包含用戶環境資訊的物件）屬性，根據各個環境的組態檔區分和切換環境
具體實體
- 安裝依賴
npm install process - 創建 .env.prod and .env.dev檔案 檔案創建在根目錄下
- 檔案內容
NODE_ENV=production
VUE_APP_API_ENDPOINT=https://api.***.com/v1
VUE_APP_STRIPE_KEY=pk_live_WtwWqDq3IGgks5Ex4Oxe***
設定專案啟動時的默認環境
只要在專案啟動命令后面修改需要的環境即可，
"scripts":{
"dev":"vue-cli-service serve --mode dev",
"prod":"vue-cli-service serve --mode prod"
}
*在main.js中列印當前環境，輸出
*console.log（process.env.NODE_ENV)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/505972.html
標籤：其他
上一篇：Math物件