在使用vue开发项目的时候,由于不同的环境请求地址不同,编译的时候修改配置代码很麻烦,所以修改了一下配置,在build的时候直接添加参数,这样方便了不少,下面是处理方法。
1、build/build.js 添加:
const buildtype = process.argv.slice(2)[0] || 'development'
2、config/prod.env.js修改如下:
'use strict'
var buildtype = process.argv.slice(2)[0]
var obj={
NODE_ENV: '"production"',
}
switch (buildtype) {
case 'dev':
obj.BASE_URL = '"http://dev.dev.com"'
break;
case 'test':
obj.BASE_URL = '"http://test.test.com"'
break;
default:// 默认正式
obj.BASE_URL = '"http://prodnction.xxx.com"'
break;
}
module.exports = obj
这样,在构建的时候,就可以用 npm run build test 来直接构建测试环境,npm run build dev是开发环境,什么都不加是正式环境。