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的主要内容,如果未能解决你的问题,请参考以下文章
21.Vue---npm run build 项目打包文件过大(体积优化)