reactjs RTK查询中FETCH_ERROR的处理方法

gojuced7  于 2023-03-08  发布在  React
关注(0)|答案(1)|浏览(135)

我正在使用RTK查询请求localhost中的服务器获取一些信息。但当服务器未运行时,它显示FETCH_ERROR。我希望处理此错误。即,当此情况发生时,我希望显示吐司通知。但我无法捕获此错误。因此我需要帮助来完成此操作
Have look how the error looks like

ilmyapht

ilmyapht1#

这可能是一种方法

const baseQuery = fetchBaseQuery({
  baseUrl: process.env.REACT_APP_API_URL,
  mode: "cors",
  prepareHeaders: (headers, { getState }) => {
    // Set your headers
    return headers;
  },
});

const baseQueryWithLogout: BaseQueryFn<
  string | FetchArgs,
  unknown,
  FetchBaseQueryError
> = async (args, api, extraOptions) => {
  let result = await baseQuery(args, api, extraOptions);
  if (result.error && result.error.status === "FETCH_ERROR") {
    // Handle your notification here
    return Promise.reject("Error");
  }
  return result;
};

如果result.error.status并不是您想要的,那么您可以选择最适合您的使用情形的价值

相关问题