图片资源

图片资源按需裁切文件尺寸 / 压缩一下文件体积, 在线图片裁切/压缩

空白路由

子应用需要新增一个空白路由作为页面中转站, 用于做默认路由, 同一页面刷新中转路由

{
    path: '/empty',
    name: 'empty',
    component: PageEmpty,
    meta: { hidden: true, title: '空白中转路由' },
},

全局状态存储

路由配置

subAppName 保持和子应用路由前缀一致

微前端配置

由于 micro-app 的 tagName 属性不能含大写，所以 mirco-app-serviceAdmin 要改为 micro-app-service-admin

location 使用

子应用不要直接操作 location 对象，当成只读对象来用

// prefect
(window.microApp || window).location.href

布局

子应用尽量不要使用 fixed 布局，fixed 布局相对的是父应用窗口

样式

子应用不要给父应用挂样式，，比如:root、body

<MicroApp>使用

• 路由组件指定_router-mode="pure"，否则频繁切换可能会报错：超出了最大调用堆栈大小
• 默认主应用和第一层子应用可以使用路由组件(<MicroApp>)，二层及以上的子应用默认不能使用路由组件
  • 如果二层及以上子应用需要使用路由组件，需要传递_forceInit 参数