分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:25责任编辑:郭大石关键词: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

原文地址:https://www.cnblogs.com/aizz/p/10090996.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved