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