vue2.0 打包之后生成一个配置文件修改接口域名

本文介绍了一种在不重新打包的情况下,通过在静态文件中创建配置文件来动态修改请求地址的方法。具体步骤包括在static文件夹下新建config.js文件,设置BASE_URL变量,然后在index.html中引入此文件,并在需要的地方直接调用window.g.BASE_URL。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后台提出无理需求,要我写一个配置文件在打包之后可以直接改请求地址的,不用二次打包,咱不管这要求有多无理,总之你得写出来,踩了两天的坑,试过各种方法,这个generate-asset-webpack-plugin 插件也试过了,话是一直报错,最后推荐这个方法亲测可行

第一步:在 static 静态文件中新建一个 config.js 文件,js 代码如下:

window.g = {
	BASE_URL: "http://192.168.0.137:90"
};

第二步:在 index.html 中引入 static 文件夹下的 config.js 文件

<script src="./static/config.js"></script>

第三步:在需要的地方使用:

// 在需要用到的地方直接用 
let baseUrl = window.global_config.BASE_URL
//然后直接使用就可以了

欢迎来踩踩

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值