我們開發(fā)項(xiàng)目的時(shí)候，用vue-cli 2.x版本新建的項(xiàng)目，只有dev, pro兩種開發(fā)環(huán)境, 有時(shí)需要個(gè)test環(huán)境來(lái)給測(cè)試使用，所以找了很多方法，總結(jié)了個(gè)最簡(jiǎn)單的方法來(lái)給大家使用
- package.json
在build下面添加一個(gè)test運(yùn)行命令
"test": "node build/build.js"
image.png
-
prod.env.js
在config -> prod.env.js 中修改代碼
'use strict'
// 讀取系統(tǒng)運(yùn)行時(shí)候的變量
const target = process.env.npm_lifecycle_event;
// 控制臺(tái)日志輸出
console.log('env is deploying, current env is', target)
// 判斷環(huán)境變量，是test，還是build
if (target == 'test') {
var obj = {
NODE_ENV: '"production"',
API_ROOT: '"此處替換為測(cè)試環(huán)境地址"',
}
} else {
var obj = {
NODE_ENV: '"production"',
API_ROOT: '"此處替換為測(cè)試環(huán)境地址"',
}
}
module.exports = obj;
OK。現(xiàn)在去部署試試吧
測(cè)試環(huán)境：
$ npm run test
正式環(huán)境:
$ npm run build
web 前端群招人，有夢(mèng)想的一群小青年 http://www.lxweimin.com/p/33eee1c26b8a
