vue項(xiàng)目使用.env文件配置全局環(huán)境變量的方法
關(guān)于文件名：必須以如下方式命名，不要亂起名，也無需專門手動(dòng)控制加載哪個(gè)文件
.env 全局默認(rèn)配置文件，不論什么環(huán)境都會(huì)加載合并
.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ù)啟動(dòng)命令vue會(huì)自動(dòng)加載對(duì)應(yīng)的環(huán)境，vue是根據(jù)文件名進(jìn)行加載的，所以上面說“不要亂起名，也無需專門控制加載哪個(gè)文件”
比如執(zhí)行npm run serve命令，會(huì)自動(dòng)加載.env.development文件
啟動(dòng)項(xiàng)目：
打印process.env屬性（全局屬性，任何地方均可使用）：
可見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如何使用process.env搭建自定義運(yùn)行環(huán)境
這篇文章主要介紹了vue如何使用process.env搭建自定義運(yùn)行環(huán)境，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了Vue router重定向redirect如何傳值問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要給大家介紹了關(guān)于在Vue項(xiàng)目中使用mock.js的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
在vue中通過render函數(shù)給子組件設(shè)置ref操作
這篇文章主要介紹了在vue中通過render函數(shù)給子組件設(shè)置ref操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue監(jiān)聽使用方法和過濾器實(shí)現(xiàn)
這篇文章主要介紹了Vue監(jiān)聽使用方法和過濾器實(shí)現(xiàn)，過濾器為頁(yè)面中數(shù)據(jù)進(jìn)行強(qiáng)化，具有局部過濾器和全局過濾器2022-06-06
Vue實(shí)現(xiàn)動(dòng)態(tài)圓環(huán)百分比進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)動(dòng)態(tài)圓環(huán)百分比進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
解決vue3項(xiàng)目打包發(fā)布到服務(wù)器后訪問頁(yè)面顯示空白問題
這篇文章主要介紹了解決vue3項(xiàng)目打包發(fā)布到服務(wù)器后訪問頁(yè)面顯示空白問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
本篇文章主要介紹了Vue.js -- 過濾器使用總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
Vue Router之router.push和router.resolve頁(yè)面跳轉(zhuǎn)方式
這篇文章主要介紹了Vue Router之router.push和router.resolve頁(yè)面跳轉(zhuǎn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04
Vue3之組件狀態(tài)保持KeepAlive的簡(jiǎn)單使用
這篇文章主要介紹了Vue3之組件狀態(tài)保持KeepAlive的簡(jiǎn)單使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05