項(xiàng)目初始化的時(shí)候津滞,通常默認(rèn)會(huì)有兩個(gè)版本,開發(fā)環(huán)境和生產(chǎn)環(huán)境,
開發(fā)環(huán)境下:NODE_ENV=development(默認(rèn))
生產(chǎn)環(huán)境下:NODE_ENV=production(默認(rèn))
生產(chǎn)環(huán)境下灼伤,給測(cè)試測(cè)的時(shí)候触徐,要請(qǐng)求測(cè)試環(huán)境的API;等測(cè)試環(huán)境沒啥問題的時(shí)候狐赡,發(fā)布到正式撞鹉,這時(shí)候要請(qǐng)求的API是正式環(huán)境的。那么生產(chǎn)環(huán)境下可能需要兩種情況的打包命令颖侄,開發(fā)環(huán)境也一樣(每次手動(dòng)去改api鸟雏,這樣也可以,但是很累啊)
那么览祖,我們可以在package.json中給NODE_ENV添加新值
vue-cli3初始化的項(xiàng)目里孝鹊,package.json中是這樣的
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
如果實(shí)現(xiàn)剛才的需求,我們可以這樣做:
"serve": "NODE_ENV='test' vue-cli-service serve",
"serve:pro": "NODE_ENV='production' vue-cli-service serve",
"build": "NODE_ENV='test' vue-cli-service build",
"build:pro": "NODE_ENV='production' vue-cli-service build",
"lint": "vue-cli-service lint"
然后配置api的地方
if( process.env.NODE_ENV === 'test' ){
apiUrl = '測(cè)試環(huán)境的url'
}else{
apiUrl = '正式環(huán)境的url'
}