RTK查询总是返回缓存的数据。无效

Question

有人可以告诉我为什么在我无效的Getuser查询后仍然获得缓存的数据？

api.ts：

export const api = createApi({
  reducerPath: 'api',
  baseQuery: fetchBaseQuery({
    baseUrl: REACT_APP_API_URL,
    prepareHeaders: (headers, { getState }) => {
      headers.set('Accept', 'application/json');
      const token = (getState() as RootState).auth.token;
      if (token) {
        headers.set('Authorization', token);
      }
      return headers;
    },
  }),
  tagTypes: [
    'UserGet',
    'UserPost',
  ],
  endpoints: () => ({}),
});

usergetapi.ts：

const userGetApi = api.injectEndpoints({
  endpoints: (builder) => ({
    getUserData: builder.query<UserData, void>({
      query: () => '/users/me',
      providesTags: ['UserGet'],
    }),
  }),
  overrideExisting: true,
});
export const { useGetUserDataQuery } = userGetApi;

userpostapi.ts：

const userPostApi = api.injectEndpoints({
  endpoints: (builder) => ({
    saveUser: builder.mutation<void, OnboardingEntry>({
      query: (userEntries) => {
        const formData = Object.keys(userEntries).reduce((formData, key) => {
          formData.append(key, userEntries[key].toString());
          return formData;
        }, new FormData());
        return {
          url: '/users/update',
          method: 'POST',
          body: formData,
        };
      },
      invalidatesTags: ['UserGet'],
    }),
  }),
  overrideExisting: true,
});

export const { useSaveUserMutation } = userPostApi;

我称之为2个钩子：

const { data: { data } = {}, isLoading, isError, isSuccess } = useGetUserDataQuery();
const [saveUser, { isLoading: postIsLoading, isSuccess: postIsSuccess }] = useSaveUserMutation();

致电saveuser（ ...），我被重定向到另一页。当我重新访问页面时，我希望从UseGetuserDataquery（）看到更新的用户数据，但是我看到了先前的数据。即使我关闭并重新打开了应用程序，我仍然会获取旧数据！

那我在这里做错了什么？我正在使用“ Providestags”＆amp;如文档中所述，“无效”。

Answer 1

因此，经过几天的挫败感，我找到了解决方案： API标头。

baseQuery: fetchBaseQuery({
    baseUrl: REACT_APP_API_URL,
    prepareHeaders: (headers, { getState }) => {
      headers.set('Accept', 'application/json');
      headers.set('Cache-Control', 'no-cache');
      headers.set('Pragma', 'no-cache');
      headers.set('Expires', '0');

      const token = (getState() as RootState).auth.token;
      if (token) {
        headers.set('Authorization', token);
      }
      return headers;
    },
  }),

希望这个答案也会帮助他人