qiankun 微应用demo
主应用 主应用使用react搭建，主应用主要提供左侧的项目导航进行切换，和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来，vue是通过路由守卫来处理 最后 ...
原文：qiankun在主应用的某个路由页面加载微应用
其余基础配置：https: www.cnblogs.com fengsaoke p .html qiankun在主应用的页面中加载微应用配置 ...
2021-04-08 15:19 0 1888 推荐指数：
相关推荐
浅析qiankun主应用与微应用间如何通信解决微应用需要重复登录的问题
一、问题背景 当主应用登录后，再进去微应用发现还需要登录，相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信，我们要利用qiankun框架的initGlobalState和MicroAppStateActions api，相关 ...
基于qiankun的前端微应用实现
qiankun的相关学习地址： 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
qiankun 主应用注册、启动子应用的代码实现
原视频地址：https://www.bilibili.com/video/BV1H34y117fe/ 我也是看视频学的，在这分享一下源码，qiankun 配置我就不写了，之前分享有dome，下面直接上代码 在主应用src下新建 micro-fe文件 micro-fe文件下新建 ...
qiankun 微应用，切换页面时 vue 组件钩子函数没触发（vue 不同路由使用同一个组件）
项目情况：qiankun 搭建的 vue 应用 问题： 1. 使用了 keep-alive，vue 不同路由使用同一个组件，切换路由没触发 activated 钩子 2. 不同的 params，不触发 activated 钩子 解决方法：router-view 上添加 key ...
前端单页面应用路由
单页面应用中，路由由前端控制，前端实现路由主要有两种方式： 一是HTML5推出的history API，由pushState()记录操作历史，监听popstate事件来进行视图切换； 二是使用hash值，通过监听hashchange事件来进行视图切换 以下是一个路由示例： ...
浅析Vue项目如何基于Vuex进行qiankun微前端应用间通信方案实践：子应用无vuex共用主应用store的方案（子应用里如何保证主应用store在子应用的响应式）、子应用有独立store与主应用store分离共存的方案
主要探究下主应用和多个微应用之间如何使用Vuex来进行状态管理，这其实是对上一篇文章中通信方式第二种方式的补充，因为 vue 主要还是使用 vuex 作为状态管理。 一、场景选择 1、项目现状： 主应用是Vue技术栈，使用Vuex进行状态管理 多个微 ...
qiankun常见问题集合：主子应用间路由跳转、微应用如何设置跨域访问、各生命周期钩子如何执行、应用内路由跳转报错：Failed to execute 'replace' on 'Location'
一、qiankun框架中微应用之间如何跳转 qiankun框架提供两种跳转方式： 1、通过history.pushState()方式进行跳转 2、将主应用的路由实例传递给子应用，子应用使用主应用实例进行跳转。 二、微应用需要支持跨域访问 遇到这样报错：Access ...