umi-plugin-cool-ums

ums 的插件

该插件主要为了简化对接 ums 的流程，提供了检测是否登录功能，并导出两种不同类型的登出组件 Logout 和 LoginName。

配置

   docker: {
    env: {
      ssoPrefix: 'admin/api/city',  //是否登录接口和登出接口会使用此配置拼接，例如登出`${window.SYS_ENV.base}${window.SYS_ENV.ssoPrefix}/logout`
      umsUrl: 'https://test.citybrain.com/ums', //ums的登录地址前缀（必填）,例如登录地址 `${window.SYS_ENV.umsUrl}/login?redirectUrl=${window.location.href}`
    },
  },
  ums: {
     checkLoginInHeader: true,//是否在header中增加检测是否ums登录   默认和false不增加
  },

说明

上面的 docker.env 中的配置项，会在编译时候挂载到 window.SYS_ENV 上面 ,window.SYS_ENV.base 等同于 umirc 中配置的 base

使用

import { Logout,LoginName } from 'umi';
 
export default () => {
  return (
    <div>
      //style：会覆盖组件中的style， text：展示字段，onClick：退出之前做的操作
      <Logout style={{fontSize:16}} text="退出" onClick={()=>{}}/>
      //actionList：滑过展示姓名弹出的菜单项，其中label：菜单项名称，icon：菜单项icon，link：跳转地址，onClick：点击菜单项
      //loginOutIcon：登出菜单项的icon
      //onClick ：退出之前做的操作
      <LoginName
      actionList={[{label:"修改密码",link:"跳转路径",onClick:()=>{},icon:<LogoutOutlined/>}]}
      loginOutIcon={<LogoutOutlined/>}
      onClick={()=>{}}
      />
    </div>
  );