qiankun微前端实现，主子应用配置记录

qiankun微前端官方文档：快速上手 - qiankun

1、主项目安装qiankun：npm install qiankun -S

2、主项目main.js引入qiankun并注册子应用：

3、主项目hash模式注册子应用配置：

4、主项目history模式注册子应用配置：

5、注意主项目中如果是在特定的某个页面使用qiankun嵌入的话，一定要添加activeRule规则对应的路由指向这个页面：

6、子应用配置：

（1）在src目录新增public-path.js文件

（2）main.js中加入相应的生命周期钩子

（3）打包配置修改：（vue.config.js）

（4）如果是history模式的话：（我们项目都是二级路径部署，所以对应的静态资源需要添加主项目的二级路径/子项目的二级路径）

（5）如果是hash模式的话：（路由需要添加对应主项目activeRule，规则配置的名称）

以上就是实现主子应用的整个配置，最后访问的时候使用如下地址：

hash：

http://localhost:8080/gpds-main/#/gpds-dataopen/home/index

history:

http://localhost:8080/gpds-main/gpds-dataopen/home/index

在整个开发的过程中，遇到的问题可以参照官网 -> 常见问题常见问题 - qiankun