这一步相对比较麻烦，现有的子应用在页面代码中都写了 /apis 的前缀，如果不是在统一的地方处理的，改动起来会非常麻烦。基于现状，我们用了一个取巧的方式：拦截所有 Ajax 请求，并根据需要修改其前缀。具体代码如下 经过以上步骤，子应用已经可以支持子路径的访问了，但这里还少了一…

从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，今天由我带来前端早早聊本次微前端专题的最后一场，《如何设计实现微前端框架 - qiankun》。首先呢，我做一个简单的自我介绍。 我叫方涣，在一些…

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

最近打算改进一下现有网站的架构，微前端这个词多次进入了我的视野。 但是网上关于微前端文章总是说得似是而非，于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构，因为看起来业界对最佳实践并没有达成一致。 译文开始，有删节。 把前端做好很难，让多个团…

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的…

qiankun微前端方案源码解析v1.4.5startprefetchAfterFirstMountedprefetchImmediatelySandBox沙箱机制SnapshotSandbox子应用