JWT

87 阅读1分钟

JWT登录鉴权

JWT是“JSON Web Token”的缩写。JWT是在Web应用程序中表示和传输身份验证和授权数据的广泛使用的标准。

JWT实现过程

23e928a422284fffae9b9cd938554f23~tplv-k3u1fbpfcp-zoom-in-crop-mark_1512_0_0_0.awebp

在前端需要做的事

// 将登录信息发送给后端,后端返回一个JWT,将JWT存到本地
const response = await http.post<{jwt: string}>('/session', formDate)
localStorage.setItem('jwt', response.data.jwt)
// http是我对axios的封装,使用axios的拦截器,每次请求时带上JWt
http.instance.interceptors.request.use((config) => {
  const token = localStorage.getItem("jwt");
  if (token) {
  // 在请求头中设置 Authorization: Bearer <jwt>
    config.headers!.Authorization = `Bearer ${token}`;
  }
  return config;
});