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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:EntityFramework 6.0 使用linq 查询 过滤条件无数据的问题解决办法及遇到的坑
下一篇:微信小程序 可滚动视图 scroll-view 中绑定bindscrolltolower,bindscrolltoupper 无效的问题处理

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月24日 23时45分43秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java加载指定文件为当前文本,java:如何使用bufferedreader读取特定的行 2021-06-24
java metrics 怎么样,Java metrics 2021-06-24
在vscode中php语言配置,Visual Studio Code C / C++ 语言环境配置 2021-06-24
php怎么翻译数据库中的中文,javascript – 如何将翻译后的文本插入数据库php 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
php中如何调用sql server,php调用SQL SERVER 2008及以上版本的方法 2021-06-24
python多线程实现kmeans,3种方式实现python多线程并发处理 2021-06-24
matlab 变量不存在,matlab程序运行时提示变量未定义 2021-06-24
php编码函数 base58,1. Base58可逆加密 2021-06-24
oracle 在需要下列之一,Oracle存储过程中PLS-00103:出现符号“/”在需要下列之一时:(... 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二进制反编译,Xori:一款来自BlackHat 2018的二进制反汇编和静态分析工具 2021-06-24
linux两台主机添加信任,Linux两台机器间添加信任,实现不用密码问,互传文件... 2021-06-24
linux 自动获取ssl证书,linux生成自验证ssl证书的具体命令和步骤 2021-06-24