如果 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,也不会导致重复加载,它们共享同一个实例,不会引发多次请求或重复的问题。

相关推荐
1***s6323 分钟前
JavaScript微服务
javascript·微服务·devops
周周爱喝粥呀4 分钟前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
加勒比之杰克19 分钟前
【C++11】Lambda 表达式、可变参数、emplace_back 系列
开发语言·c++·lambda·emplace_back·可变参数模版
小云朵爱编程34 分钟前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js
思成不止于此35 分钟前
【C++ 数据结构】二叉搜索树:原理、实现与核心操作全解析
开发语言·数据结构·c++·笔记·学习·搜索二叉树·c++40周年
前端大卫37 分钟前
CSS 属性值 initial、unset 和 revert 的解析
前端
shimh_凉茶1 小时前
webpack+vue2打包分析视图插件 webpack-bundle-analyzer
前端·webpack·node.js
P***25391 小时前
JavaScript部署
开发语言·前端·javascript
一只小阿乐1 小时前
react 状态管理mobx中的行为模式
前端·javascript·react.js·mobx·vue开发·react开发
l***O5201 小时前
前端路由历史监听,React与Vue实现
前端·vue.js·react.js