当前位置: 首页 > news >正文

micro-app微前端集成方案

背景:两套UI框架,一套vben为基础的v3框架,一套elePlus的v3框架,组件不一样的项目需要合并为一个,代码迁移工作量太大,iframe嵌入页面会导致项目内部路由跳转,页面穿透查询出现问题,综合考虑之后,选择使用micro-app将两个项目进行微前端集成。官方文档https://zeroing.jd.com/micro-app/docs.html#/zh-cn/route原理

micro-app借鉴了WebComponent的思想,通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类WebComponent组件,从而实现微前端的组件化渲染,详见源码https://github.com/micro-zoe/micro-app

流程

1.初始化子应用

相关文章:

  • JavaEE架构
  • NLP Word Embeddings
  • Unity 接入Tripo 文生模型,图生模型
  • 攻防世界33 catcat-new【文件包含/flask_session伪造】
  • vue3实战-----使用mock模拟接口数据
  • MQTT(Message Queuing Telemetry Transport)协议(三)
  • idea整合deepseek实现AI辅助编程
  • 多项式插值(数值计算方法)Matlab实现
  • Unity Behavior Designer - Behavior Trees for Everyone(行为树)为什么称作AI 的“基石”之一
  • 在 python 中使用 toml
  • 前端职业规划
  • 嵌入式八股文面试题(二)C语言算法
  • python实现自动登录12306抢票 -- selenium
  • RocketMQ与kafka如何解决消息丢失问题?
  • 玩转大语言模型——使用Kiln AI可视化环境进行大语言模型微调数据合成
  • Unity下ML-Agents第一个示例
  • postgresql认证怎么考
  • 机器学习之数学基础:线性代数、微积分、概率论 | PyTorch 深度学习实战
  • flutter启动后不显示文字,中文字体不显示
  • 1313:【例3.5】位数问题
  • 著名学者黄修己去世,享年90岁
  • 姚洋将全职加盟上海财经大学,担任滴水湖高级金融学院院长
  • 伊朗外长称正与美国进行“善意”的会谈
  • 成就彼此,照亮世界:“中欧建交50周年论坛”在沪成功举行
  • 第三届“老山国际春茶节”活动在云南麻栗坡举办
  • 国家税务总局泰安市税务局:山东泰山啤酒公司欠税超536万元