umijs/max使用微前端（子应用配置）

@umi/max 内置了 Qiankun 微前端插件，可以一键启用 Qiankun 微前端开发模式。

子应用配置：

1. 写子应用的id并且规定子应用打开的端口【package.json文件】
 

{
  "name": "passport", // 子应用id
  "scripts": {
    "dev": "cross-env PORT=8008 UMI_ENV=dev max dev", //
    ...
  },
  ...
}

2. config.ts

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

export default defineConfig({
	...
	qiankun: {
		slave: {},
	},
    ...
});

3. 查看是否配置成功：访问 url+子应用ID 查看是否成功

示例：若正常访问的url为：http://10.11.6.214:8008/#/user

其中我在package.json中配置的子应用id为：passport。

查看：http://10.11.6.214:8008/passport#/user 

若以上链接可访问成功说明配置完成。