single-spa原理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了single-spa原理相关的知识,希望对你有一定的参考价值。

参考技术A 我们在使用诸如react或vue这些框架开发普通的单页应用时,会按照功能的封装或者样式的复用把页面拆分成很多的组件,组件可以拼装成一个个单独的页面,并且通过路由控制监听地址栏变化,动态加载不同的页面和组件,这就是单页应用运行的简单原理。
single-spa原理也大同小异,也可以类比的理解为一种模块化开发的单页应用,只不过在单项目的单页应用中划分的模块是各种组件,而在微前端中各个模块就是各个独立的子应用,用户访问基座主应用时会按照配置注册各子应用,并且根据路由来确定分发到哪个子应用来加载,对应子应用加载之后会再根据路由分发到对应的子应用里的页面,这就是single-spa的路由加载原理先路由分发应用,再应用分发路由

以上是关于single-spa原理的主要内容,如果未能解决你的问题,请参考以下文章

前端单页应用微服务化解决方案2 - Single-SPA

single-spa的简单介绍与遇到的问题小结

微前端开发工具single-spa

single-spa微前端简单实践与优化思路

微前端方案 qiankun 只是更完善的 single-spa

微前端方案 qiankun 只是更完善的 single-spa