Apollo中如何刷新token
创始人
2024-09-09 14:00:29
0
  1. 在Apollo Client的构造函数中添加一个参数,用于设置refreshToken方法(用于刷新token):
import { ApolloClient } from 'apollo-client';

const apolloClient = new ApolloClient({
  ...
  refreshTokens: async () => {
    // 刷新token代码
  },
  ...
});
  1. 在refreshToken函数中使用适当的方法刷新token(例如使用Axios):
import axios from 'axios';

const refreshTokens = async () => {
  const refreshToken = localStorage.getItem('refreshToken');
  try {
    const response = await axios.post('/api/token/refresh', { refreshToken });
    localStorage.setItem('accessToken', response.data.accessToken);
    localStorage.setItem('refreshToken', response.data.refreshToken);
  } catch (error) {
    console.error(error);
  }
};
  1. 在Apollo Client中使用Apollo Link进行拦截token,添加一个新的头来更新token:
import { ApolloLink } from 'apollo-link';
import { HttpLink } from 'apollo-link-http';

const httpLink = new HttpLink({
  uri: 'http://localhost:4000/graphql'
});

const authMiddleware = new ApolloLink((operation, forward) => {
  const accessToken = localStorage.getItem('accessToken');
  operation.setContext({
    headers: {
      authorization: accessToken ? `Bearer ${accessToken}` : ''
    }
  });
  return forward(operation).map(response => {
    const context = operation.getContext();
    const { response: { headers } } = context;
    
    if (headers) {
      const accessToken = headers.get('accessToken');
      const refreshToken = headers.get('refreshToken');

      if (accessToken) {
        localStorage.setItem('accessToken', accessToken);
      }

      if (refreshToken) {
        localStorage.setItem('refreshToken', refreshToken);
      }
    }
    return response;
  });
});

const apolloClient = new ApolloClient({
  link: authMiddleware.concat(httpLink),
  ...
});

相关内容

热门资讯

一分钟了解!poker有没有外... 一分钟了解!poker有没有外挂!原来真的有挂((2024已更新))(哔哩哔哩);玩家必备必赢加哟《...
5分钟科普!德州之星辅助(辅助... 5分钟科普!德州之星辅助(辅助挂)软件透明挂((2020已更新))(哔哩哔哩)是一款可以让一直输的玩...
必备辅助推荐!wpk号一直输!... 必备辅助推荐!wpk号一直输!确实是真的有挂((2020已更新))(哔哩哔哩);亲,其实确实真的有挂...
三分钟普及!hm3德州辅助(辅... 三分钟普及!hm3德州辅助(辅助挂)透视辅助((2025已更新))(哔哩哔哩);hm3德州是一种具有...
九分钟了解!wpk微扑克辅助是... 九分钟了解!wpk微扑克辅助是真的吗!确实是真的有挂((2021已更新))(哔哩哔哩)1、不需要AI...
八分钟了解!wepoke透明挂... 八分钟了解!wepoke透明挂(透视)辅助透视((2024已更新))(哔哩哔哩);致您一封信;亲爱w...
一分钟揭秘!德州nzt软件!其... 1、一分钟揭秘!德州nzt软件!其实是真的有挂((2025已更新))(哔哩哔哩);详细教程。2、德州...
三分钟攻略!扑克时间后台数据被... 三分钟攻略!扑克时间后台数据被攻破(透视)透视辅助((2021已更新))(哔哩哔哩)1、很好的工具软...
今日科普!云扑克辅助软件!确实... 今日科普!云扑克辅助软件!确实是真的有挂((2024已更新))(哔哩哔哩)云扑克平台为新手玩家设计了...
一分钟攻略!aa扑克平台(辅助... 1、一分钟攻略!aa扑克平台(辅助挂)透视辅助((2020已更新))(哔哩哔哩);详细教程。2、aa...