環(huán)境變量建議放到項(xiàng)目根目錄下，方便vite.config.ts文件讀取和使用

創(chuàng)新互聯(lián)建站是一家專業(yè)提供揚(yáng)中企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、H5開(kāi)發(fā)、小程序制作等業(yè)務(wù)。10年已為揚(yáng)中眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

.env.production  //生成環(huán)境變量配置
.env.development  //開(kāi)發(fā)環(huán)境變量配置

環(huán)境值配置

要暴露出來(lái)給項(xiàng)目的其他文件使用一定要 VITE_ 開(kāi)頭，

VITE_APP_ENV=dev  
# 請(qǐng)求接口  
VITE_APP_BASE_URL = "/dev-api"

讀取環(huán)境值 vite.condig.js中

const env = loadEnv(mode, process.cwd())  
const {VITE_APP_ENV,VITE_APP_BASE_URL } = env

其他文件中

const {VITE_APP_BASE_URL} = import.meta.env;
// 創(chuàng)建axios實(shí)例  
const service = axios.create({  // axios中請(qǐng)求配置有baseURL選項(xiàng)，表示請(qǐng)求URL公共部分  
  baseURL: VITE_APP_BASE_URL,  
  // 超時(shí)  
  timeout: 10000  
})

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購(gòu)，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧

本文標(biāo)題：vue3環(huán)境文件的用法-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/ccihpj.html