vue項(xiàng)目中如何配置env環(huán)境的實(shí)現(xiàn)
1.創(chuàng)建多個(gè)環(huán)境文件
(1)創(chuàng)建一個(gè).env文件，用于定義默認(rèn)環(huán)境變量，不管是生產(chǎn)還是開(kāi)發(fā)環(huán)境都會(huì)加載.env文件，會(huì)把.env文件和其他.env....文件進(jìn)行合并，但是如果兩個(gè)問(wèn)價(jià)有相同的變量名，會(huì)使用后者對(duì)前者進(jìn)行覆蓋
(2)創(chuàng)建一個(gè).env.development文件，使用npm run server時(shí)默認(rèn)會(huì)加載此配置文件
(3)創(chuàng)建一個(gè).env.prod文件，使用npm run build時(shí)默認(rèn)會(huì)加載.env.production配置文件，但是這里換了名字，就需要在package.json文件中進(jìn)行配置，通過(guò)npm run build :prod即可在運(yùn)行時(shí)，加載對(duì)應(yīng)的配置文件
備注：Node_ENV用于指定當(dāng)前環(huán)境是生產(chǎn)還是開(kāi)發(fā)或者其他自定義環(huán)境，環(huán)境變量中的名字前置必須以VUE_APP開(kāi)頭，后邊可以使用任意名字結(jié)尾，在代碼中使用process.env即可訪問(wèn)到定義的環(huán)境變量
到此這篇關(guān)于vue項(xiàng)目中如何配置env環(huán)境的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)vue配置env環(huán)境內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- VueCLI通過(guò)process.env配置環(huán)境變量的實(shí)現(xiàn)
- vue中.env文件配置環(huán)境變量的實(shí)現(xiàn)
- vue環(huán)境變量配置之process.env解讀
- vue多環(huán)境配置之 .env配置文件詳解
- vue如何使用process.env搭建自定義運(yùn)行環(huán)境
- vue-cli 環(huán)境變量 process.env的使用及說(shuō)明
- vue3+vite使用環(huán)境變量.env的一些配置情況詳細(xì)說(shuō)明
- vue項(xiàng)目多環(huán)境配置(.env)的實(shí)現(xiàn)
- vue項(xiàng)目使用.env文件配置全局環(huán)境變量的方法
相關(guān)文章
這篇文章主要介紹了vue基于element的區(qū)間選擇組件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
JSON數(shù)組和JSON對(duì)象在vue中的獲取方法
這兩天在學(xué)習(xí)vue，主要是為了實(shí)現(xiàn)前后端的分離，因此數(shù)據(jù)的傳輸是必不可少的一個(gè)環(huán)節(jié)，這篇文章主要介紹了JSON數(shù)組和JSON對(duì)象在vue中的獲取方法,需要的朋友可以參考下2022-09-09
解決vue終端報(bào)錯(cuò):不是內(nèi)部或外部命令
最近學(xué)習(xí)一下前端框架Vue,整體上感覺(jué)還是比較有意思的,但是在安裝vue-cli腳手架的時(shí)候,出現(xiàn)了一些問(wèn)題,解決問(wèn)題也花費(fèi)了不少時(shí)間,下面這篇文章主要給大家介紹了關(guān)于解決vue終端報(bào)錯(cuò):不是內(nèi)部或外部命令的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue3 component is 不顯示的問(wèn)題及解決
這篇文章主要介紹了vue3 component is 不顯示的問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue 行為驗(yàn)證碼之滑動(dòng)驗(yàn)證AJ-Captcha使用詳解
這篇文章主要介紹了vue 行為驗(yàn)證碼之滑動(dòng)驗(yàn)證AJ-Captcha使用詳解,AJ-Captcha不需要npm安裝，只需要將組件 verifition復(fù)制到所使用的components目錄下，本文給大家詳細(xì)講解，需要的朋友可以參考下2023-05-05
一文詳解Vue3組件通信輕松玩轉(zhuǎn)復(fù)雜數(shù)據(jù)流
在大型Vue項(xiàng)目中,組件通信如同神經(jīng)網(wǎng)絡(luò)般貫穿整個(gè)應(yīng)用,這篇文章將為大家詳細(xì)介紹一下Vue3中的組件通信方式,有需要的小伙伴可以了解下2025-02-02
vue3系統(tǒng)進(jìn)入頁(yè)面前的權(quán)限判斷和重定向方式
這篇文章主要介紹了vue3系統(tǒng)進(jìn)入頁(yè)面前的權(quán)限判斷和重定向方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue項(xiàng)目實(shí)現(xiàn)換膚功能的一種方案分析
這篇文章主要介紹了Vue項(xiàng)目實(shí)現(xiàn)換膚功能的一種方案分析，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
Vue 實(shí)現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)
今天小編就為大家分享一篇Vue 實(shí)現(xiàn)把表單form數(shù)據(jù) 轉(zhuǎn)化成json格式的數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
下面小編就為大家分享一篇vue.js項(xiàng)目打包上線的圖文教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-11-11