动态路由项目 如需增加 子应用 tab
在主项目 src/store/modules/user.js 中 的 getUserInfo action中配置
在 主项目 根目录中 appInfos.js 配置 子应用 url name entry信息
1: 子应用切换之间的菊花loading
2: 子应用未部署 404 提示
3: 主子应用 方法 数据传递
4: 子应用重连机制
5: 子应用共用 401 404 等页面
6: 子应用调用 主应用方法 比如 登录 授权 等
7: storage 命名空间
主应用中
存值 sesstionStorage.setItem('a', 'b', true)
// 会自动在key上添加 `主应用:a` 作为key
取值 sesstionStorage.getItem('a', true)
清除 值 sessionStorage.removeItem('a', true)
清空
sessionStorage.clear(true) // 清除所有sessionStorage 包括子应用的
sessionStorage.clear('self') // 清除主应用的 sessionStorage
子应用中
存值 sessionStorage.setItem('a', 'b')
// 会自动在key上添加 '应用名:a' 作为key
取值 sessionStorage.getItem('a')
清除 值 sessionStorage.removeItem('a')
清空 sessionStorage.clear() // 只清空当前应用的 sessionStorage
获取其他子应用的 sessionStorage
sessionStorage.getItem(子应用名: + key)
localStorage 一样
8:区分 console.log 宿主 方便 开发时调试
1: 主子应用之间 css 污染 (目前主应用采用prefixCls 避免)
2: 第一次进入 会闪烁一下
3: 子应用之间通信 (等待 2.0)
其它问题待发现..
在主应用中 src/store/modules/user.js 添加 子应用路由信息
创建子应用
vue create 项目名
vue add vue-cli-plugin-chensj
子应用注入插件
其中公用组件还没编写
npm install
npm run install:all
npm run start:all
请自行更换主应用中的 appInfos.js 文件
和子应用中 vue.config.js publicPath
部署之后 子应用加载不到静态文件
请先 子应用 vue add vue-cli-plugin-chensj 再部署