vue-cli 在打包之后更改地址使用公共请求baseURL

需求: 项目中有很多家公司 有很多不同的公共请求地址,想着 能打一个包 然后在dist包中直接更改路径就可以,不用重复多次打包
在public/index.html 中设置
在这里插入图片描述

<script>
  window.baseURL='https://www.baidu/'
</script>

然后在设置baseURL的地方,那到这个值就可以了


let setAxios = axios.create({
  baseURL:window.baseURL,
  timeout: 20000, 

});
export default setAxios

同时还要在vue.config.js中设置打包路径

module.exports = {
    publicPath: './',
    outputDir: "dist", // 输出文件目录
    lintOnSave: false, // eslint 是否在保存时检查
    assetsDir: 'static', // 配置js、css静态资源二级目录的位置  
    devServer: {
        open: true,
        host: '0.0.0.0',
        port: 8080,
        https: false,
        disableHostCheck: true,
    }
}

以上就可以在打包完成之后 在dist文件夹下 修改index.html中的window.baseURL的路径 不用重复打包就可以了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值