原文:前端微服务(qiankun)哈希路由实践

最近公司搞前端微服务,用了qiankun这个库,不得不说背靠轮子好乘凉啊 。 qiankun介绍戳这里https: qiankun.umijs.org zh 先看下效果 下面进入正题: 我的项目,技术栈都是vue,主应用拥有自己的公共模块,同时需要以微应用方式嵌入业务模块。大概如下图所示 因为我主应用用的哈希路由,微应用参考官方demo用的都是history方式的路由,就导致路由变化比较蛋疼,比如 ...

2020-06-03 14:53 17 7726 推荐指数:

查看详情

前端qiankun从搭建到部署的实践

示例代码: github.com/fengxianqi/…。 在线demo:qiankun.fengxianqi.com/ 单独访问在线子应用: subapp/sub-vue subapp/sub-react 为什么要用qiankun ...

Sat Oct 10 19:32:00 CST 2020 1 3479
qiankun前端实践及常见问题

关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 一、介绍: qiankun 项目实际搭建, 及各种微应用流行框架技术 (vue2 、vue3、react 、 umi2 、umi3)的配置; 初衷:自己当时摸索qiankun构建项目时,问题百出, 特别是umi2 及 umi3,百度 ...

Fri Mar 26 17:15:00 CST 2021 0 820
浅析微前端方案及qiankun介绍与开发实践

一、什么是微前端?   我们先来看两个实际的场景: 1、复用别的的项目页面   如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。注意:我们需要的只是别人项目的这个功能页面的「内容部分」,不需要别人项目的顶部导航和菜单。   一个比较笨的办法就是直接 ...

Mon Jun 14 06:14:00 CST 2021 0 1025
qiankun前端项目实践方案(基础框架篇)

一、前言 相信大家对于微前端的概念和思想都有了解过,在此我不再赘述。在我们的业务项目中,由于项目比较大,在日常的开发过程中也暴露出来了问题:项目启动慢,打包部署上线慢。这给我们开发和运维人员带来了很大的不便,有时候有紧急任务需要上线,也得打包半个钟才能交付到运维处。因此,我们打算使用微前端的方案 ...

Fri Dec 10 17:16:00 CST 2021 0 101
前端方案 qiankun实践及总结)--摘抄

转发链接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小编也发布过关于微前端 qiankun的文章: 深入浅出解析阿里成熟的微前端框架 qiankun乾坤源码【图文并茂】 什么是微前端? 我们先来看两个实际 ...

Wed Jun 24 05:03:00 CST 2020 0 2964
浅析微前端方案及qiankun介绍与开发实践

一、什么是微前端?   我们先来看两个实际的场景: 1、复用别的的项目页面   如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。注意:我们需要的只是别人项目的这个功能页面的「内容部分」,不需要别人项目的顶部导航和菜单。   一个比较笨的办法就是直接 ...

Sat Mar 12 01:00:00 CST 2022 0 1142
vue3 + ts + qiankun2 微服务搭建

vite目前暂不支持qiankun qiankun官网:https://qiankun.umijs.org/zh/guide 主应用(vue2版本) 安装qiankun :$ yarn add qiankun # 或者 npm i qiankun -S main.js APP.vue ...

Sat Nov 06 02:33:00 CST 2021 0 1006
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM