process.env.VUE_APP_BASE_URL
是一個(gè) Vue.js 中使用的環(huán)境變量，通常用來存儲(chǔ)一個(gè)應(yīng)用的接口請(qǐng)求地址，例如 API 服務(wù)器的地址等。
??????????在 Vue CLI 3 以上的版本中，當(dāng)你在項(xiàng)目根目錄下創(chuàng)建一個(gè)名為 .env.[mode] 的文件；其中 [mode] 是你的模式名稱，例如 .env.development，并在其中設(shè)置 VUE_APP_BASE_URL 的值，那么這個(gè)值就會(huì)被自動(dòng)注入到項(xiàng)目中。如下：
在這里我們創(chuàng)建了一個(gè) .env.dev 和??.env.production
以?.env.production為例：
// 在.env.production文件中
NODE_ENV='production'
VUE_APP_TITLE='prod'
/* 請(qǐng)求接口地址 */
VUE_APP_BASE_URL = 'https://lxxx.sxxx.com'NODE_ENV 的值可以是 development、production 或 test，用于區(qū)分不同的環(huán)境。
在這個(gè)配置中，NODE_ENV='production'?表示當(dāng)前運(yùn)行的環(huán)境是開發(fā)環(huán)境。
VUE_APP_TITLE='prod' 則是一個(gè)自定義的環(huán)境變量。
Vue.js 會(huì)根據(jù) NODE_ENV 的值，自動(dòng)加載對(duì)應(yīng)的環(huán)境配置文件。
你也可以自定義其他字段，如：VUE_APP_LOGO='xxx'，需要注意的是自定義字段必須以VUE_APP_作為開頭，否則它將被視為項(xiàng)目級(jí)別的環(huán)境變量，而不是系統(tǒng)級(jí)別的環(huán)境變量，導(dǎo)致影響上下文的生效。
這個(gè)變量可以在 Vue.js 代碼中通過 process.env.拼接自定義字段 訪問到。
如：process.env.VUE_APP_BASE_URL；你可以在 Vue.js 項(xiàng)目的任何地方訪問到這個(gè)值。文章來源：http://www.zghlxwxcb.cn/news/detail-570206.html
在運(yùn)行項(xiàng)目時(shí)，你可以使用 --mode 參數(shù)來指定使用哪個(gè)環(huán)境文件，例如：文章來源地址http://www.zghlxwxcb.cn/news/detail-570206.html
// 在package.json文件中
"scripts": {
"dev": "vue-cli-service serve --mode dev",
"build": "vue-cli-service build --mode production"
},
到了這里，關(guān)于關(guān)于process.env.VUE_APP_BASE_URL的使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![在vite或者vue-cli中使用.env[mode]環(huán)境變量](https://imgs.yssmx.com/Uploads/2024/02/459254-1.png)
