前端李小白的博客

qiankun官方文档部署教程官方文档写的也挺详细的，这里我主要以统一身份认证与盐田综管部署举例说明，我部署的服务器地址http://192.168.8.27:8077首先要注意的是，我们主应用和子应用都是使用history模式，路由记得设置base，vue.config.js也要记得设置publicPath。引用文档的原话：部署之后注意三点：1、activeRule不能和微应用的真实访问路径一样，否则在主应用页面刷新会直接变成微应用页面。2、微应用的真实访问路径就是微应用的entry，entr

通讯方式主要运用的qiankun提供的通讯api initGlobalState 以及vuex动态添加模块的方法registerModule1、在qiankun文件夹下创建share.js/* * @Author: Hzh * @Date: 2021-05-07 16:02:48 * @LastEditTime: 2021-07-22 14:52:57 * @LastEditors: Hzh * @Description: */import Vue from 'vue'import

什么是微前端简单来说就是1、复用（嵌入）别人的项目页面，但是别人的项目运行在他自己的环境之上。2、巨无霸应用拆分成一个个的小项目，这些小项目独立开发部署，又可以自由组合进行售卖本文主要讲解如何在vue项目上使用阿里的qiankun插件进行微前端实践，对微前端的概念会在另外的文章中进行阐述，demo会附在文末。首先我准备了三个项目、分别是主应用main-app、子应用b-child、c-child。三个应用均是采用Vue技术栈，路由均是采用history模式改造主应用main-app1、首先需要