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é)
到此這篇關于vue3 process.env.XXX環(huán)境變量不生效的解決方法的文章就介紹到這了,更多相關vue3 process.env.XXX環(huán)境變量不生效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題
這篇文章主要介紹了vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-12-12vue 3 中watch 和watchEffect 的新用法
本篇文章主要通過 Options API 和 Composition API 對比 watch 的使用方法,讓大家快速掌握 vue3 中 watch 新用法,需要的朋友可以參考一下哦,希望對大家有所幫助2021-11-11