Javascript 仅针对RTK查询中的未经授权的错误取消maxRetries

发布于04月01日

我写了这样的基本查询，并添加了maxRetries个计数为3.

export const baseQuery = retry(fetchBaseQuery({
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json;charset=utf-8',
    'Access-Control-Allow-Origin': '*'
  },
  prepareHeaders: (headers) => {
    if (!headers.has('Accept-Language') && accessToken) {
      headers.set('Accept-Language', i18n.language || 'en');
    }
    return headers;
  },
}), { maxRetries: 3 });

我不需要在未经授权的错误上重试.当我得到401状态时，我需要停止重试.我该怎么办？

我本想使用RTK中间件来实现这一点，但只有中间件在所有重试之后才会被触发.那么，有没有什么方法可以停止重试，只有当我得到HTTP状态401错误？

推荐答案

你可以bail out of retries.创建一个自定义基本查询函数，该函数判断fetchBaseQuery结果状态，并先发制人地使重试逻辑失败.

示例:

export const baseQuery = retry(
  async (args, api, extraOptions) => {
    const result = await fetchBaseQuery({
      timeout: 5000,
      headers: {
        'Content-Type': 'application/json;charset=utf-8',
        'Access-Control-Allow-Origin': '*'
      },
      prepareHeaders: (headers) => {
        if (!headers.has('Accept-Language') && accessToken) {
          headers.set('Accept-Language', i18n.language || 'en');
        }
        return headers;
      },
    })(args, api, extraOptions);

    if (result.error?.status === 401) {
      retry.fail(result.error);
    }

    return result;
  },
  { maxRetries: 3 },
);