create-iking-admin/template-micro/iking-micro-admin/README.md

金合技术中台脚手架

<!--
 * @Author: wfl
 * @LastEditors: wfl
 * @description: 
 * @updateInfo: 
 * @Date: 2022-10-26 13:56:54
 * @LastEditTime: 2022-10-26 13:58:24
-->
# 注意事项

1. 修改子服务 iking-micro-admin 下的 `vite.config.ts`文件

```javascript
// 将 192.168.1.112 替换为自己的IP地址
server: {
      port: PORT,
      cors: true,
      host: true,
      origin: `http://192.168.1.112:${PORT}/`,
      headers: {
        'Access-Control-Allow-Origin': '*', // 主应用获取子应用时跨域响应头
      },
    },
```

2.在引用public内文件时以相对目录的方式
如：public目录下有vite.svg
引用方式需要改变为'../public/vite.svg'，不可使用/vite.svg (这种方式在作为子应用时会404)

3.修改主服务 iking-main-admin 下的 `src/micro.ts`文件

```javascript
// 同样将 192.168.1.112 替换为自己的IP地址，其它内容不变

 {
    // 必须与微应用注册名字相同
        name: 'microApp',
  //  入口路径，开发时为微应用所启本地服务，上线时为微应用线上路径
        entry: import.meta.env.DEV ? 'http://192.168.1.112:3110' : '/micro-app', 
   // app.vue 配置的挂载容器 id
        container: '#micro-app',
   // 当访问路由为 home 时加载微应用
        activeRule: '/#/micro-app',
        props: {
          // 主应用向微应用传递参数
        },
      },
```

4.打包部署

部署时将子应用打包后的目录`micro-app`,放入主应用打包后的`dist`目录内即可