vue3?process.env.XXX環(huán)境變量不生效的解決方法
問題：
使用process.env.XXX時獲取不到環(huán)境變量的值：
axios.defaults.baseURL = process.env.VUE_APP_BASE_API;
解決：
一：項目根目錄下的.env.development和.env.production環(huán)境配置文件中，NODE_ENV=development的值必須和package.json文件啟動配置--mode一致
//.env.development
NODE_ENV=development
VUE_APP_BASE_API=/api
VUE_APP_BASE_URL=http://localhost:8081/
VUE_APP_PROXYURL=http://localhost:8080/
"scripts": {
"serve": "vue-cli-service serve",
"dev": "vue-cli-service serve --mode development",
"prod": "vue-cli-service serve --mode production",
},二：.env.development和.env.production環(huán)境配置文件中變量名必須以VUE_APP_開頭
總結(jié)
到此這篇關(guān)于vue3 process.env.XXX環(huán)境變量不生效的解決方法的文章就介紹到這了,更多相關(guān)vue3 process.env.XXX環(huán)境變量不生效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了詳解Vue2.0 事件派發(fā)與接收,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了如何修改el-form-item 的label的字體顏色問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家詳細介紹了Vue實現(xiàn)拖拽式分割布局，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Vue的hover/click事件如何動態(tài)改變顏色和背景色
這篇文章主要介紹了Vue的hover/click事件如何動態(tài)改變顏色和背景色問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
vue-router 基于后端permissions動態(tài)生成導航菜單的示例代碼
本文主要介紹了vue-router 基于后端permissions動態(tài)生成導航菜單的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
如何解決d3.event在v7版本無效影響zoom拖拽縮放問題
這篇文章主要介紹了如何解決d3.event在v7版本無效影響zoom拖拽縮放問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
elementUI中有日期范圍組件,月份范圍選擇的,就是沒有年份范圍選擇的,需要加一個類似風格的,下面這篇文章主要給大家介紹了關(guān)于ElementUI年份范圍選擇器功能實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-02-02
Vue電商網(wǎng)站首頁內(nèi)容吸頂功能實現(xiàn)過程
電商網(wǎng)站的首頁內(nèi)容會比較多，頁面比較長，為了能讓用戶在滾動瀏覽內(nèi)容的過程中都能夠快速的切換到其它分類。需要分類導航一直可見，所以需要一個吸頂導航的效果。目標:完成頭部組件吸頂效果的實現(xiàn)2023-04-04
Vue3項目pc端瀏覽器樣式正常但移動端部分樣式失效問題的解決方法
這篇文章主要介紹了Vue3項目pc端瀏覽器樣式正常但移動端部分樣式失效問題的解決方法,文中通過圖文講解的非常詳細,具有一定的參考價值,需要的朋友可以參考下2024-07-07
vue和iview實現(xiàn)Scroll 數(shù)據(jù)無限滾動功能
今天小編就為大家分享一篇vue和iview實現(xiàn)Scroll 數(shù)據(jù)無限滾動功能，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10