如果 main 里面引入 axios ,然后引入 router ,而 router 里面也引入 axios,会不会重复

技术点备忘

如果 main 里面引入 axios ,然后引入 router ,而 router 里面也引入 axios,会不会重复

不会重复的

虽然你在 main 中引入了 axios,并且在 router 中也引入了 axios,但引入的 axios 是同一个模块。JavaScript 的模块系统是基于单例模式的,意思是每个模块只会被加载一次,之后的引用都会指向同一个实例。

具体来说:

  1. 当你在 main.js 中引入 axios,它会在模块加载时创建一个 axios 实例。
  2. router.js 中再次引入 axios 时,JavaScript 的模块系统会识别出这是同一个模块,所以它不会重新加载 axios,而是直接复用在 main.js 中加载的实例。

因此,尽管在多个文件中引用 axios,也不会导致重复加载,它们共享同一个实例,不会引发多次请求或重复的问题。

相关推荐
软件开发技术局26 分钟前
撕碎QT面具(8):对控件采用自动增加函数(转到槽)的方式,发现函数不能被调用的解决方案
开发语言·qt
anyup_前端梦工厂1 小时前
了解几个 HTML 标签属性,实现优化页面加载性能
前端·html
周杰伦fans2 小时前
C#中修饰符
开发语言·c#
yngsqq2 小时前
c# —— StringBuilder 类
java·开发语言
前端御书房2 小时前
前端PDF转图片技术调研实战指南:从踩坑到高可用方案的深度解析
前端·javascript
2301_789169542 小时前
angular中使用animation.css实现翻转展示卡片正反两面效果
前端·css·angular.js
赔罪2 小时前
Python 高级特性-切片
开发语言·python
风口上的猪20153 小时前
thingboard告警信息格式美化
java·服务器·前端
程序员黄同学3 小时前
请谈谈 Vue 中的响应式原理,如何实现?
前端·javascript·vue.js
子豪-中国机器人3 小时前
2月17日c语言框架
c语言·开发语言