介绍

• 基于 后端SaToken 的鉴权

• 注意：使用前请先确保将apps/auth-service通过Flow流水线构建到对应环境

  • https://web.${env}.mcisaas.com/workbrnch/auth-service/

使用

• 1. 项目主入口

import { initSaToken } from '@mci-fe/satoken';

initSaToken({
  host: 'https://web.dev1.mcisaas.com',
  client: 'xxx',
}).then(() => {
  console.log('SaToken登录完成');
  // ...实例化react根节点
});

2. 获取Token

import { getToken } from '@mci-fe/satoken';

// 这里要注意使用await等待异步token回调， 内部会做refreshToken刷新机制
const token = await getToken();

const headers = {
  Authorization: `Bearer ${token}`,
};

await fetch(url, { headers });

// ...

3. 获取RefreshToken

import { getRefreshToken } from '@mci-fe/satoken';

const refreshToken = await getRefreshToken();

// ...

4. 登出

import { logout } from '@mci-fe/satoken';

const logoutClickHandler = () => {
  logout();
};