搜索结果
查询Tags标签： qiankun，共有 11条记录-
乾坤(qiankun)结合vue入门
前言官方入门教程 :https://qiankun.umijs.org/zh/cookbook 微应用路由模式选择：location.pathname--hash demo参考 常见问题 在主应用的某个路由页面加载微应用注意事项主应用和各个微应用之间挂载id（app）命名尽量保持不同，避免挂载被覆盖，同时也方便调试 微应用路由…
2022/9/6 23:25:47 人评论 次浏览 -
微前端框架 之 qiankun 从入门到源码分析
封面简介 从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架。 介绍 qiankun 是基于 single-spa 做了二次封装的微前端框架，通过解决了 single-spa 的一些弊端和不足，来帮助大家…
2022/2/4 12:12:28 人评论 次浏览 -
FreeMaker如何使用 QIANKUN 微前端小计
第一步 获取 乾坤地址 https://unpkg.com/browse/qiankun@2.5.1/dist/index.umd.min.js 老项目是php模版渲染的，服务是用docker 起的，以php项目为父应用，请问怎么配置。可以使用这个第二步 集成到项目中<!-- qiankun START --><@jversion url="qiankun/i…
2022/2/2 23:46:45 人评论 次浏览 -
SingleSpa及qiankun入门、源码分析及案例
文章目录 SingleSpa及qiankun入门、源码分析及案例一、简介1、微服务2、什么是微前端3、微前端的优点4、微前端的缺点5、如何落地微前端6、示例7、总结 二、SingleSpa1、微前端的价值2、行业现状3、SingleSpa概念4、iframe和single-spa的优缺点iframe的优缺点single-spa的…
2022/1/12 17:04:19 人评论 次浏览 -
SingleSpa及qiankun入门、源码分析及案例
文章目录 SingleSpa及qiankun入门、源码分析及案例一、简介1、微服务2、什么是微前端3、微前端的优点4、微前端的缺点5、如何落地微前端6、示例7、总结 二、SingleSpa1、微前端的价值2、行业现状3、SingleSpa概念4、iframe和single-spa的优缺点iframe的优缺点single-spa的…
2022/1/12 17:04:19 人评论 次浏览 -
解决开发环境qiankun项目请求“Cannot GET /20d42ab14fe602b52483.hot-update.json”问题
问题描述： 使用qiankun实现位前端，主应用和子应用1均使用create-react-app创建，子应用2使用vue-cli创建。在本地进行连调时，发现主应用链接子应用1时（react），如果主应用有修改，进行保存后，就会不断请求http://localhost:3001/20d42ab14fe602b52483.hot-update.js…
2021/12/21 23:49:43 人评论 次浏览 -
解决开发环境qiankun项目请求“Cannot GET /20d42ab14fe602b52483.hot-update.json”问题
问题描述： 使用qiankun实现位前端，主应用和子应用1均使用create-react-app创建，子应用2使用vue-cli创建。在本地进行连调时，发现主应用链接子应用1时（react），如果主应用有修改，进行保存后，就会不断请求http://localhost:3001/20d42ab14fe602b52483.hot-update.js…
2021/12/21 23:49:43 人评论 次浏览 -
vue-qiankun微前端
官网: https://qiankun.umijs.org/zh 首先 主应用 yarn add qiankun 或者 npm i qiankun -S 然后 主应用main.js注册子应用 import { registerMicroApps, start } from qiankun; registerMicroApps([{ name: vueDome, // 子应用名称 entry: //localhost:8081, // 子应…
2021/12/14 23:48:25 人评论 次浏览 -
vue-qiankun微前端
官网: https://qiankun.umijs.org/zh 首先 主应用 yarn add qiankun 或者 npm i qiankun -S 然后 主应用main.js注册子应用 import { registerMicroApps, start } from qiankun; registerMicroApps([{ name: vueDome, // 子应用名称 entry: //localhost:8081, // 子应…
2021/12/14 23:48:25 人评论 次浏览 -
浅析qiankun主应用与微应用间如何通信解决微应用需要重复登录的问题
一、问题背景当主应用登录后，再进去微应用发现还需要登录，相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信qiankun微前端应用间的通信，我们要利用qiankun框架的initGlobalState和MicroAppStateActions api，相关的api介绍如下： （1）setGlobalState…
2021/7/10 23:11:49 人评论 次浏览 -
浅析qiankun主应用与微应用间如何通信解决微应用需要重复登录的问题
一、问题背景当主应用登录后，再进去微应用发现还需要登录，相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信qiankun微前端应用间的通信，我们要利用qiankun框架的initGlobalState和MicroAppStateActions api，相关的api介绍如下： （1）setGlobalState…
2021/7/10 23:11:49 人评论 次浏览
