1.0.4 • Published 4 years ago
umi-plugin-cool-ums v1.0.4
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>
);
1.0.4
4 years ago