vue項(xiàng)目使用.env文件配置全局環(huán)境變量的方法
關(guān)于文件名：必須以如下方式命名，不要亂起名，也無需專門手動控制加載哪個文件
.env 全局默認(rèn)配置文件，不論什么環(huán)境都會加載合并
.env.development 開發(fā)環(huán)境下的配置文件
.env.production 生產(chǎn)環(huán)境下的配置文件
關(guān)于文件內(nèi)容：
注意：屬性名必須以VUE_APP_開頭，比如VUE_APP_XXX
.env：
.env.development：
關(guān)于文件的加載：
根據(jù)啟動命令vue會自動加載對應(yīng)的環(huán)境，vue是根據(jù)文件名進(jìn)行加載的，所以上面說“不要亂起名，也無需專門控制加載哪個文件”
比如執(zhí)行npm run serve命令，會自動加載.env.development文件
啟動項(xiàng)目：
打印process.env屬性（全局屬性，任何地方均可使用）：
可見NODE_ENV被改為了development，覆蓋掉了.env中的全局屬性
.env中的全局屬性NODE_ENV、VUE_APP_URL被覆蓋，
.env中的全局屬性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue是法語中視圖的意思，Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有非常容易上手的API。這篇文章主要介紹了Vue.js快速入門實(shí)例教程的相關(guān)資料,需要的朋友可以參考下2016-10-10
父子組件生命周期及子組件獲取數(shù)據(jù)傳值問題剖析
這篇文章主要介紹了父子組件生命周期及子組件獲取數(shù)據(jù)問題剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
Vue中router.beforeEach與beforeRouteEnter的區(qū)別及說明
這篇文章主要介紹了Vue中router.beforeEach與beforeRouteEnter的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細(xì)介紹了vuejs移動端實(shí)現(xiàn)div拖拽移動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家詳細(xì)介紹了Vuex實(shí)現(xiàn)簡單購物車，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
淺談vue中g(shù)et請求解決傳輸數(shù)據(jù)是數(shù)組格式的問題
這篇文章主要介紹了淺談vue中g(shù)et請求解決傳輸數(shù)據(jù)是數(shù)組格式的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue設(shè)置導(dǎo)航欄、側(cè)邊欄為公共頁面的例子
今天小編就為大家分享一篇vue設(shè)置導(dǎo)航欄、側(cè)邊欄為公共頁面的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
本文將探討動態(tài)組件加載失敗的常見原因,并提供排查與解決方法,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
Vue創(chuàng)建項(xiàng)目后沒有webpack.config.js(vue.config.js)文件的解決
這篇文章主要介紹了Vue創(chuàng)建項(xiàng)目后沒有webpack.config.js(vue.config.js)文件的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
ant-design表單處理和常用方法及自定義驗(yàn)證操作
這篇文章主要介紹了ant-design表單處理和常用方法及自定義驗(yàn)證操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10