vue項目使用.env文件配置全局環境變量


一、env文件的認識:

(1).env 文件主要的作用是存儲環境變量,也就是會隨着環境變化的東西,比如數據庫的用戶名、密碼、緩存驅動、時區,還有靜態文件的存儲路徑之類的。
因為這些信息應該是和環境綁定的,不應該隨代碼的更新而變化,所以一般不會把 .env 文件放到版本控制中。

(2)關於env文件的命名規范:必須以“.env”文件名開頭

.env 全局默認配置文件,不論什么環境都會加載合並

.env.development 開發環境下的配置文件

.env.production 生產環境下的配置文件

 

 

 二、關於文件內容的書寫要求:

屬性名必須以VUE_APP_開頭,比如VUE_APP_XXX

 

 

 三、關於文件的加載:

根據啟動命令vue會自動加載對應的環境,vue是根據文件名進行加載的,所以上面說“不要亂起名,也無需專門控制加載哪個文件”

比如執行npm run dev命令,會自動加載.env.development文件

打印process.env屬性(全局屬性,任何地方均可使用):

 

 

可見NODE_ENV被改為了development,覆蓋掉了.env中的全局屬性

.env中的全局屬性NODE_ENV、VUE_APP_URL被覆蓋,

.env中的全局屬性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM