2026-01-12 前端开发的后台管理系统，运行后打开工作台页面，右键查看源代码，为什么会显示项目的入口文件index.html？==》项目框架使用了SPA（单页应用）架构导致

现在主流的前端框架（vue/react）+主流组件库（antd、ele等）常应用于后台管理系统，而当项目运行后右键查看页面源代码，就会发现显示的代码其实是项目的入口文件index.html。

这是由于这些技术框架采用了一种叫做SPA架构，全称：Single Page Application，意思就是：单页应用程序。

在项目初始化的时候会获取必要的html+css+js，之后你在系统看到的页面内容是由js动态生成滴，这样做有什么好处呢？

呃，好处我搜罗了一下，主要就是为了用户体验更好啦，不用刷新整个页面就可以切换页面啦，缺点也是有的，首次加载慢，长期运行可能导致内存泄漏啥的。