process.env 是nodejs內(nèi)置的環(huán)境對(duì)象
NODE_ENV 就是其中的一個(gè)[環(huán)境變量] 這個(gè)變量主要用于標(biāo)識(shí)當(dāng)前的環(huán)境(生產(chǎn)環(huán)境溅呢,開發(fā)環(huán)境)桥状。默認(rèn)是沒有這個(gè)環(huán)境變量的融蹂,需要自己手動(dòng)配置灶伊。不同系統(tǒng)有不同的環(huán)境變量配置方式
1.項(xiàng)目根目錄創(chuàng)建.env前綴配置文件
例如: .env.uat
# 生產(chǎn)環(huán)境
NODE_ENV = 'production'
VUE_APP_BASE_URL= 'xxx'
VUE_APP_FILE_URL = 'xxx'
VUE_APP_OUT_URL = 'xxx'
2.package.json內(nèi)添加對(duì)應(yīng)的打包命令(或者直接在命令行內(nèi)加)
配置:
"build:uat": "vue-cli-service build --mode uat",
命令行:
npm run build -- mode uat
道理一樣该编,喜歡哪種就用哪種
3.項(xiàng)目?jī)?nèi)各處的鏈接,請(qǐng)求认境,文件等路徑內(nèi)添加配置項(xiàng)
const baseUrl = process.env.VUE_APP_BASE_URL
location.href = process.env.VUE_APP_OUT_URL
在打包時(shí)胚委,使用不同的命令,就可以切換代碼內(nèi)的配置了