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


https://blog.csdn.net/w405722907/article/details/94720868

 

關於文件名:必須以如下方式命名,不要亂起名,也無需專門手動控制加載哪個文件

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

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

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

 

================================================================================================

關於文件內容:

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

.env:

 

.env.development:

 

================================================================================================

關於文件的加載:

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

比如執行npm run serve命令,會自動加載.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