使用axios拦截器为Next-Auth刷新令牌？

siv3szwd 于 5个月前发布在 iOS

关注(0)|答案(1)|浏览(78)

我为我的NextJs项目设置了Next-Auth和Axios。我使用了Next-Auth中的getSession（）方法作为Axios头。像这样

export const ApiAuth = () => {
  const instance = axios.create({
    baseURL: API_URL,
  });

  instance.interceptors.request.use(async (request) => {
    const session = await getSession();
    console.log(session);

    if (session) {
      request.headers["Authorization"] = `Bearer ${session.tokens.accessToken}`;
    }
    return request;
  });

  instance.interceptors.response.use(
    (response) => {
      return response;
    },
    (error) => {
      console.log(`error`, error);
      if (error.response.status === 401) {
        console.log("Let refresh Here");
        console.log("And update Next-Auth session data");
      }
    }
  );

  return instance;
};

字符串
但是我不知道如何从axios拦截器更新Next-Auth会话数据。你能告诉我怎么做吗？
我想象我将创建一个类似/API/auth/refresh的API，这个API处理更新新的访问令牌和刷新Next-Auth的令牌，并返回Axios的新访问令牌。

axios

来源：https://stackoverflow.com/questions/77564411/use-axios-interceptor-to-refresh-the-token-for-next-auth

1条答案

按热度按时间

brtdzjyr1#

我建议您创建一个刷新令牌API端点：更新Axios拦截器以进行错误处理：刷新令牌并响应请求：一旦更新下一个认证会话：刷新令牌后，您还应该使用新令牌详细信息更新下一个认证会话。这对于在应用程序中保持会话信息同步非常重要。尝试以下操作

export const ApiAuth = () => {
  const instance = axios.create({
    baseURL: API_URL,
  });

  instance.interceptors.request.use(async (request) => {
    const session = await getSession();
    if (session) {
      request.headers["Authorization"] = `Bearer ${session.tokens.accessToken}`;
    }
    return request;
  });

  instance.interceptors.response.use(
    (response) => response,
    async (error) => {
      const originalRequest = error.config;
      if (error.response.status === 401 && !originalRequest._retry) {
        originalRequest._retry = true;
        try {
          // Call your API to refresh the token
          const refreshedSession = await axios.get('/api/auth/refresh');
          // Update Next-Auth session and request header
          await updateSession(refreshedSession.data);
          originalRequest.headers['Authorization'] = `Bearer ${refreshedSession.data.accessToken}`;
          return instance(originalRequest);
        } catch (refreshError) {
          // Handle failed refresh here
          return Promise.reject(refreshError);
        }
      }
      return Promise.reject(error);
    }
  );

  return instance;
};

async function updateSession(newSessionData) {
  // Implement the logic to update Next-Auth session with newSessionData
}

字符串
在这个实现中，我放置了一个重试标志（originalRequest._retry），用于防止令牌刷新失败时出现无限循环。需要实现updateSession函数来更新Next-Auth会话。这可能涉及调用Next-Auth客户端方法或直接更新应用程序中的会话状态，具体取决于您如何设置Next-Auth。

赞(0）回复(0）举报 5个月前

我来回答

使用axios拦截器为Next-Auth刷新令牌？

1条答案

相关问题

热门标签

最新问答