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