该项目为一个大型的中台系统，功能很多，业务有不同方向的拓展，且每个模块有不同的迭代周期和团队来维护，在同一个工程下难以达成目标，现将模块按照业务方向来进行划分，分为多个子应用，每个子应用可以独立开发和发布，使用qiankun 来实现，方案如下：
1.主应用申请一个一级域名，如：www.abc.com
2.每个子应用申请独立二级域名，如：a.abc.com,和主应用在同一个一级域名下，共享cookie的token等信息
3.主应用安装qiankun插件，添加配置
qiankun: {
master: {},
},
4.主应用入口文件配置子应用：
image.png
image.png
image.png
7.子应用安装qiankun插件，添加配置；
qiankun: {
slave: {},
},
8.子应用接收参数
const masterProps = useModel('@@qiankunStateFromMaster');
该项目为一个大型的中台系统，功能很多，业务有不同方向的拓展，且每个模块有不同的迭代周期和团队来维护，在同一个工程下...
背景 项目为旧单体项目, 改造为微前端项目。所以原项目存在大量共享工具及组件。当前方案是将这些共享代码根据功能，拆...
abp & ng-alain 改造abp & ng-alain 改造前端 一 —— 项目准备abp & ng-al...
网上的例子大多是react的就不再写react如何改造，下面介绍vue-cli3的改造` vue.config.j...
在写这篇文章的一个多月前，本坑还不知道微前端是什么，大概从字面上的含义是比较小的前端项目。 本坑开始实践它，是由于...
前言 最近项目组有个老项目要进行前后端分离改造，应前端同学的要求，其后端提供的返回值格式需形如 方便前端数据处理。...
本文所述，一个老旧gulp前端原生项目（html,js,css）的基础上进行改造的，本文章是在对改造过程中各个阶段...
前端vue项目内存泄漏排查总结 未完待续。。。 背景 项目由vue-element-admin改造，二次封装了el...
项目的背景 去年做的项目了，最近来整理下，先描述下项目背景，在微前端乾坤的项目考虑到了许多额外的场景，计划用微前端...
single-spa 起因是看了一下掘金的这篇链接; [每日优鲜供应链前端团队微前端改造](https://jue...
本文标题：微前端项目改造
本文链接：https://www.haomeiwen.com/subject/pjoqqdtx.html
网友评论