一种基于qiankun实现的路由下发方法技术

本发明专利技术提供了一种基于qiankun实现的路由下发方法,解决使用qiankun微服务框架时，存在主应用、子应用路由重复配置的问题。通过本发明专利技术的技术方案，使用qiankun框架自带的方法在主应用下发路由数据，动态传递给子应用，开发者可以更方便的维护路由数据。只需统一在主应用里配置路由，实现配置一次各个子应用便可分别引用，使代码更加清晰明了。使代码更加清晰明了。使代码更加清晰明了。

【技术实现步骤摘要】
一种基于qiankun实现的路由下发方法


[0001]本专利技术涉及计算机
，具体而言，特别涉及一种基于qiankun实现的路由下发方法。

技术介绍

[0002]现在大多数web应用为单页面应用，qiankun 是一个基于single
‑
spa（单页面应用）的微前端实现库，能帮助快速实现微前端架构，把大型复杂的应用拆分成一个主应用和多个子应用。微应用仓库独立，可单独进行开发及部署。主应用需安装qiankun框架，在路由切换时通过加载不同子应用的html挂载到主应用的容器上。在主应用中访问子应用时，需要配置主应用与子应用路由一致，才能加载出对应的子应用的页面。使用现有路由重复配置的技术，需要在主应用配置一次路由，子应用还需配置相同路由信息才能实现上述功能。
[0003]现有技术需要多次配置主应用和子应用路由，每次变动都需要同时改动两个应用中的内容。为了确保主应用路由与子应用路由一致且只配置一次。本专利技术提出的解决方案是，在主应用添加配置动态路由功能，把子应用的路由信息，通过qiankun里的registerMic本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于qiankun实现的路由下发方法，其特征在于,具体包括以下步骤：S1、配置注册主应用需要挂载的子应用数组，数组中的每一项是一个对象并包含name、entry、container、activeRule、props属性；S2、在主应用路由信息表里配置子应用路由信息，在vue项目的路由router.js文件中进行配置，子应用路由的路径path统一以/sub开头，为了区分主应用的路由与子应用的路由；S3、获取所有的路由信息数据，遍历注册子应用的数组，通过每个应用的name值，用数组原生过滤器的filter方法过滤出每个应用所需要的路由信息数据，添加到注册子应用的props属性中进行下发路由使用；S4、通过qiankun框架的loadMicroApp方法注册所有子应用；S5、子应用在初始化时导出qiankun框架的mount渲染子应用入口函数中接收主应用下发的props数据，接收到路由信息之后，把数据传入vue框架的动态添加路由方法addRoute，进行动态注册。2.根据权利要求1所述的一种基于qia...

【专利技术属性】
技术研发人员：徐强，冶云丽，刘德波，
申请(专利权)人：青岛联众芯云科技有限公司，
类型：发明
国别省市：