npm run build根据不同参数打包不同环境url

Posted aizz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了npm run build根据不同参数打包不同环境url相关的知识,希望对你有一定的参考价值。

config文件夹下

dev.env.js中修改代码

‘use strict‘
const merge = require(‘webpack-merge‘)
const prodEnv = require(‘./prod.env‘)

module.exports = merge(prodEnv, {
  NODE_ENV: ‘"development"‘,
  HOST: ‘"dev"‘
})

 

  prod.env.js中修改代码   HOST为截取到的参数

‘use strict‘
let HOST = process.argv.splice(2)[0] || ‘prod‘;
module.exports = {
  NODE_ENV: ‘"production"‘,
  HOST: ‘"‘+HOST+‘"‘
}

 

  在封装axios请求的文件中

/**
 * 环境切换
 */
let apiUrl = ‘‘
let HOST = process.env.HOST;
if(HOST === ‘prod‘){
    apiUrl = ‘http://10.1.28.221:12001‘
}
if(HOST === ‘test‘){
    apiUrl = ‘http://10.88.10.31:12002‘
}
axios.defaults.baseURL = apiUrl;

 

  

  这样只需在打包的时候带上参数就可以自动切换不同的url

生产环境:npm run build -- prod

测试环境:npm run build --test

以上是关于npm run build根据不同参数打包不同环境url的主要内容,如果未能解决你的问题,请参考以下文章

npm run build打包后自定义动画没有执行

Vue + Webpack 根据不同环境打包

21.Vue---npm run build 项目打包文件过大(体积优化)

linux vue项目+npm run build + nginx

vue-cli 根据不同的环境打包

React 不同的环境打包不同的域名