# qiankun-demo

**Repository Path**: liuurn/qiankun-demo

## Basic Information

- **Project Name**: qiankun-demo
- **Description**: 三个一样的vue-cli生成的项目，组合为qiankun样例工程。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-07-03
- **Last Updated**: 2021-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 说明

使用 vue-cli 脚手架创建了三个项目

- macro-app 主应用 基座
- micro-app1 子应用 1
- micro-app2 子应用 2

在脚手架工程上主要调整了以下的 JS

- vue.config.js
- src/main.js
- src/router/index.js

## 启动

安装依赖后，分别启动两个子应用，然后启动主应用，之后访问 http://localhost:8082/app1/ 或者 http://localhost:8082/app2/ 分别对应两个子应用。

## 其他

微应用需要解决的问题

1. 子应用的加载
2. 样式逻辑的隔离
3. 应用之间的通信
4. 路由劫持。

不使用 iframe 的原因

1. 刷新页面 iframe 状态丢失，也无法实现前进后退
2. DOM 不共享，无法做到如非 100%子应用需要弹出一个 100%覆盖的弹出层
3. 完全隔离，变量不共享，需要单独设计通信。比如 cookie 的传递。
4. 慢，每一次子应用的加载都要走一次完整的上下文重建，资源加载。