vue中Npm run build 根据环境传递参数方法来打包不同域名

2

3

4

5

6

7

‘use strict‘

const merge = require(‘webpack-merge‘)

const prodEnv = require(‘./prod.env‘)

module.exports = merge(prodEnv, {

 NODE_ENV: ‘"development"‘,

 HOST: ‘"dev"‘

})

2

3

4

5

6

7

‘use strict‘

let HOST = process.argv.splice(2)[0] || ‘prod‘;

console.log(HOST);

module.exports = {

 NODE_ENV: ‘"production"‘,

 HOST: ‘"‘+HOST+‘"‘

}

2

3

4

5

6

7

8

9

10

/**

** 设置API接口域名

**/

let apiUrl = ‘‘;

// 根据 process.env.HOST 的值判断当前是什么环境

// 命令：npm run build -- test ，process.env.HOST就设置为：‘test‘

let HOST = process.env.HOST;

HOST = HOST === ‘prod‘ ? ‘‘ : ‘-‘ + HOST;

apiUrl = ‘http://api‘+HOST+‘.demo.com‘;

axios.defaults.baseURL = apiUrl;

apiUrl = ‘http://api-test.demo.com‘

apiUrl = ‘http://api.demo.com‘