Ant Design Pro v5之token

登录成功，接受服务器返回的token数据，保存在 localStorage中

在src/pages/user/index.tsx

const handleSubmit = async (values: LoginParamsType) => {
    setSubmitting(true);
    try {
      // 登录
      const msg = await fakeAccountLogin({ ...values, type });
      if (msg.status === 'ok') {
        if(localStorage.getItem('token')==null||localStorage.getItem('token')==undefined){
          localStorage.setItem('token','');
        }
        localStorage.setItem('token',msg.token);
        access = msg.access;
        message.success('登录成功！');
        goto();
        return;
      }
      access = 'guest';
      // 如果失败去设置用户错误信息
      setUserLoginState(msg);
    } catch (error) {
      message.error('登录失败，请重试！');
    }
    setSubmitting(false);
  };

每次请求时携带token

将token通过在headers中的authorization字段传给服务端，注意token的格式为 ：Bearer +‘asdasdasdasdasdasda’

export async function queryCurrent() {
  return request('/api/admin/currentUser/', {
    headers:{
      'Content-Type': 'application/x-www-form-urlencoded',
      'authorization':`Bearer ${localStorage.getItem('token')}`
    },
    method: 'POST',
  });
}

关于服务端的使用可以参考:Node Express 之token的封装和使用