vue項目中如何配置env環(huán)境的實現(xiàn)
1.創(chuàng)建多個環(huán)境文件
(1)創(chuàng)建一個.env文件,用于定義默認(rèn)環(huán)境變量,不管是生產(chǎn)還是開發(fā)環(huán)境都會加載.env文件,會把.env文件和其他.env....文件進(jìn)行合并,但是如果兩個問價有相同的變量名,會使用后者對前者進(jìn)行覆蓋
(2)創(chuàng)建一個.env.development文件,使用npm run server
時默認(rèn)會加載此配置文件
(3)創(chuàng)建一個.env.prod文件,使用npm run build
時默認(rèn)會加載.env.production配置文件,但是這里換了名字,就需要在package.json文件中進(jìn)行配置,通過npm run build :prod即可在運行時,加載對應(yīng)的配置文件
備注:Node_ENV用于指定當(dāng)前環(huán)境是生產(chǎn)還是開發(fā)或者其他自定義環(huán)境,環(huán)境變量中的名字前置必須以VUE_APP開頭,后邊可以使用任意名字結(jié)尾,在代碼中使用process.env即可訪問到定義的環(huán)境變量
到此這篇關(guān)于vue項目中如何配置env環(huán)境的實現(xiàn)的文章就介紹到這了,更多相關(guān)vue配置env環(huán)境內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
一文詳解Vue3組件通信輕松玩轉(zhuǎn)復(fù)雜數(shù)據(jù)流
在大型Vue項目中,組件通信如同神經(jīng)網(wǎng)絡(luò)般貫穿整個應(yīng)用,這篇文章將為大家詳細(xì)介紹一下Vue3中的組件通信方式,有需要的小伙伴可以了解下2025-02-02vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式
這篇文章主要介紹了vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)
今天小編就為大家分享一篇Vue 實現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10