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

相关推荐
前端大卫14 分钟前
Vue3 里的 h 函数的运用场景!
前端·vue.js
bubiyoushang88821 分钟前
matlab雷达定位仿真
开发语言·matlab
ladymorgana1 小时前
【OSS】 前端如何直接上传到OSS 上返回https链接,如果做到OSS图片资源加密访问
前端·网络协议·https
鬼多不菜1 小时前
一篇学习CSS的笔记
java·前端·css
慌糖1 小时前
Vue组件化
前端·javascript·vue.js
yezipi耶不耶1 小时前
Rust入门之并发编程基础(一)
开发语言·后端·rust
祺简1 小时前
CSS--background-repeat详解
前端·css
烛阴1 小时前
从零打造属于你的Python容器类型:全流程图解+实战案例
前端·python
blues_C2 小时前
十一、【核心功能篇】测试用例管理:设计用例新增&编辑界面
前端·vue.js·测试用例·element plus·测试平台
前端snow2 小时前
用cursor写一个微信小程序-购物网站实操
前端·javascript·后端