飞冰微前端接入umi4时路由加载失败

23 阅读1分钟

问题

公司后台采用的是微前端架构,主应用使用的是飞冰,今天在本地新增了一个子应用, 子应用是umi4全家桶,在和父应用调试过程中发现子应用路由一直加载失败,经过排查是因为,由于 umi 不支持动态修改路由前缀,因此无法使用 icestark 提供的 getBasename 方法,所以可以通过 umi 自定义插件的能力更改

修改方案

import { defineConfig } from '@umi/max';

export default defineConfig({
  // 由于 umi 不支持动态修改路由前缀,因此无法使用 icestark 提供的 getBasename 方法
  // 可以通过 umi 自定义插件的能力更改 https://umijs.org/zh-CN/plugins/api#modifyroutes
  base: '/seller/',
  routes: [
    { path: '/', component: '@/pages/index' },
  ],
});

示例 Repo

github.com/maoxiaoke/i…