env前端環境變數配置

2021-10-20 04:25:21 字數 825 閱讀 2431

專案有開發環境、測試環境、線上環境,裡面的介面網域名稱等是不同的。每次除錯或者打包的時候手動改動各個變數,比較麻煩,也容易出錯,所以用自動化方式直接配置的不同的環境變數。

在專案根目錄下新增檔案,並配置變數

.env.development(本地環境變數)
node_env = 'development'
.env.production(線上環境變數
node_env = 'production'
在package.json中配置scripts

本地執行
"serve": "vue-cli-service serve --mode development"
本地執行,使用線上環境變數
"serve:prod": "vue-cli-service serve --mode production"
如果需要傳入環境變數,可以新增cross-env node_env=development,其中cross-env用於相容mac

"serve:prod": "cross-env node_env=development vue-cli-service serve --mode production"
打包
"build": "vue-cli-service build --mode production"

env環境變數和模式

env.在所有的環境中被載入,當你指定了環境,它也會合併,並且優先順序大於.env,沒有指定環境時先找它。env.development指定開發環境配置 env.production指定生產環境配置,當你build執行時就觸發這個 console.log 當前 process.env.模式是 vue...

Perl中的環境變數 ENV

perl中有乙個叫做 env的環境變數,和其它的hash雜湊一樣,它可以被賦值,被列印。列印的方法 while my key,value each env 賦值的方法 env value 但是該方法只能在該程序中有效,當退出該程序時,賦值將不會繼續存在 同時其它程序也不會知道此次賦值。永久賦值的方法...

vue專案使用 env檔案配置全域性環境變數

關於檔名 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 關於檔案內容 關於檔案的載入 根據啟動命令vue會自動載入對應的環...