当前位置: 首页 > 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.初始化子应用

http://www.dtcms.com/a/14098.html

相关文章:

  • 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】位数问题
  • LabVIEW无人机飞行状态监测系统
  • 【设计模式】【行为型模式】中介者模式(Mediator)
  • 基于单片机的智能奶茶机(论文+源码+图纸)
  • MySQL-数据库查询进阶
  • GPT-SWARM和AgentVerse的拓扑结构和交互机制
  • 在vscode中拉取gitee里的项目并运行
  • springboot021校园周边美食探索及分享平台
  • 湖仓分析|浙江霖梓基于 Doris + Paimon 打造实时/离线一体化湖仓架构
  • React进阶之React核心源码解析(二)
  • 打开Visual Studio Code的时候发现未检测到适用于linux的windows子系统,那么该问题要如何解决?