Vue webpack 打包Vue项目后动态配置API接口地址及配置文件
发布日期:2021-09-23 03:31:45
浏览次数:24
分类:技术文章
本文共 484 字,大约阅读时间需要 1 分钟。
大家一般配置的Vue项目webapi的服务器地址都在config中的prod.dev.js中极不方便,如果要发布多个不同端口及ip的服务器项目,每次都得打包重新修改发布,最近刚好碰到这类问题就查阅资料,结合其他人的心得,自己尝试了一下。
主要有一下几个步骤:
1. 首先在static目录下创建一个config.js文件
里面添加服务器ip及端口地址 window.g是一个全局变量
2. 在index.html中添加引入此js
3. 然后在接口拦截器那边去设置和使用ip及端口地址 将原来的url替换为window.g.BASE_URL
4.测试 在首页加载页面中添加打印变量 console.log(window.g.BSAE_URL) 发现可以打印出来 测试成功!
5. 发布 运行 npm run build 发现打包后的dist/static文件夹中多出了一个config.js 之后就可以更改config.js中的端口及ip地址来进行不同的服务器发布了 其实利用了webpack打包的时候/static/
目录不会被webpack打包,所以直接才可以配置使用
转载地址:https://blog.csdn.net/andy5520/article/details/103850878 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月24日 23时45分43秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
java metrics 怎么样,Java metrics
2021-06-24
普朗克公式matlab,用MATLAB实现普朗克函数积分的快捷计算.pdf
2021-06-24
swoolec+%3c?php,PHP+Swoole并发编程的魅力
2021-06-24
php 404配置,phpcms如何配置404
2021-06-24
matlab wash矩阵产生,洗衣机净衣效能与衣损程度的关系分析
2021-06-24
python多线程实现kmeans,3种方式实现python多线程并发处理
2021-06-24
matlab 变量不存在,matlab程序运行时提示变量未定义
2021-06-24
php编码函数 base58,1. Base58可逆加密
2021-06-24
oracle10g dblink优化,Oracle10g通过dblink访问数据异常
2021-06-24
linux安装时的iso文件,直接用ISO文件在linux上安装新系统
2021-06-24
linux修改文件权限为所有人都可以访问,Linux 笔记分享八:文件权限的设定
2021-06-24
linux中卸载ambri-servle,Kerberos 命令使用
2021-06-24
linux两台主机添加信任,Linux两台机器间添加信任,实现不用密码问,互传文件...
2021-06-24
linux 自动获取ssl证书,linux生成自验证ssl证书的具体命令和步骤
2021-06-24