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

相关推荐
鲸落落丶8 分钟前
webpack学习
前端·学习·webpack
excel37 分钟前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
毕设源码-郭学长1 小时前
【开题答辩全过程】以 PHP茶叶同城配送网站的设计与实现为例,包含答辩的问题和答案
开发语言·php
光影少年1 小时前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人1 小时前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
JavaPub-rodert2 小时前
用 go-commons 打造更优雅的字符串处理工具
开发语言·后端·golang
Archie_IT2 小时前
嵌入式八股文篇——P1 关键字篇
c语言·开发语言·单片机·mcu·物联网·面试·职场和发展
workflower2 小时前
将图片中的图形转换为可编辑的 PPT 图形
java·开发语言·tomcat·powerpoint·个人开发·结对编程
ftpeak3 小时前
《WebAssembly指南》第九章:WebAssembly 导入全局字符串常量
开发语言·rust·wasm