前端框架 #

• 前端运行

- 升级 node 版本 16.13.x(如需使用 nvm 进行包管理，联系管理员)
- 云桌面设置 registry：`npm config set registry http://192.102.20.230:8081/repository/npm-public/`
- 在.npmrc 中添加 源(该源在 Devops 流水线中同样适用) `registry=http://192.102.20.230:8081/repository/npm-public/`
- 全局安装 pnpm `npm i -g pnpm`(请勿在项目内安装 pnpm，可能会遇到问题)
- 1. 安装依赖 `pnpm install`
- 2. 运行 `pnpm dev`
- 3. 打包 `pnpm build`

• 微前端配置

  • Upms-系统管理-打开微应用管理

    

  • 输入微应用名称（推荐中文方便记忆，可刷入全称）

  • 微应用简称（英文，且不能与已有名称重复！）

  • 主应用页面路由：无特殊情况无需修改

  • 微应用地址：子应用具体地址

    

• 如果没有微前端管理页面

  • 平台管理-菜单管理-新增顶级菜单

  • 资源名称：微应用管理

  • 路由：/upms/micro-app

  • 点击保存-角色管理-给当前登录角色授予页面权限（微应用管理）重新登录即可

• 新增微应用菜单

  • 平台管理-菜单管理-新增顶级菜单

    

  • 资源类型：选择微应用，在下拉框中选择刚才新建的微应用

    

  • 微应用路由：就是想打开微应用后，默认进入的路由，从微应用中拷贝，可选择子应用。首页，也可填写‘/’,但是不能随意填写

  • 点击保存-角色管理-给当前登录角色授予页面权限（微应用管理）

  • 启动子应用后，在主应用中点击创建的微应用菜单，即可访问微应用。