Redux Toolkit RTK Query清除缓存问题：相同参数调用支付URL生成接口返回缓存而非新URL

嘿，我太懂你遇到的这个头疼问题了——明明每次都需要新的支付URL，结果RTK Query一直返回旧缓存。给你几个实用的解决方案：

核心问题拆解 #

你现在用builder.query来定义这个POST请求，但RTK Query的query类型本质是为获取静态数据设计的，默认会根据请求参数（也就是你的amount和currency）生成缓存键。只要参数不变，就会直接返回缓存结果。哪怕你调用了invalidateTags，如果组件没有触发重新请求，缓存还是会被复用——而且invalidateTags更多是标记缓存失效，让后续请求自动刷新，不是立刻清除缓存。

方案1：改用Mutation（最推荐） #

生成支付URL这种“触发后端动作并返回一次性结果”的场景，完全符合RTK Query中builder.mutation的定位——Mutation默认不会缓存结果，每次调用都会发起新请求，完美匹配你的需求。

修改后的代码如下：

initializeCardDeposit: builder.mutation({ 
  query: ({ amount, currency }) => ({ 
    url: "/initialize/card/deposit", 
    method: "POST", 
    body: { amount, currency }, 
  }), 
  transformResponse: ({ data }) => data, 
  // 如果后续需要让其他关联缓存失效，可以加invalidatesTags，不需要的话可以去掉
  // invalidatesTags: ["SomeRelatedTag"],
})

调用方式也会从useInitializeCardDepositQuery变成useInitializeCardDepositMutation，用法很直观：

const [initializeCardDeposit] = useInitializeCardDepositMutation();

// 每次调用都会发起新请求，拿到最新的支付URL
const handleGenerateUrl = async () => {
  const result = await initializeCardDeposit({ amount: 100, currency: "USD" });
  // 处理返回的支付URL
};

方案2：如果坚持用Query，强制绕过缓存 #

要是你因为某些原因必须保留builder.query，可以通过以下两种方式解决：

方式A：配置Query完全不缓存 #

在Query定义里设置keepUnusedDataFor: 0和cacheTime: 0，让RTK Query彻底不缓存这个请求的结果：

initializeCardDeposit: builder.query({ 
  query: ({ amount, currency }) => ({ 
    url: "/initialize/card/deposit", 
    method: "POST", 
    body: { amount, currency }, 
  }), 
  transformResponse: ({ data }) => data, 
  providesTags: ["cardDepositUrl"],
  // 立即清除未使用的数据，不做本地缓存
  keepUnusedDataFor: 0,
  // 缓存整体过期时间设为0
  cacheTime: 0,
})

方式B：调用时强制刷新 #

在调用useInitializeCardDepositQuery时，传入forceRefetch: true选项，每次都强制发起新请求：

const { data, refetch } = useInitializeCardDepositQuery(
  { amount: 100, currency: "USD" },
  { forceRefetch: true }
);

// 或者手动调用refetch也能强制获取新数据
const handleGenerateNewUrl = () => {
  refetch();
};

为什么之前的invalidateTags没生效？ #

invalidateTags("cardDepositUrl")只是把标记为cardDepositUrl的缓存标记为“失效”，但RTK Query不会立刻删除缓存，只有在下次发起相同参数的请求时才会重新获取数据。如果你的组件没有重新触发请求（比如参数没变、组件没重新渲染），那还是会拿到旧缓存。这种方式更适合用来让其他依赖该标签的Query自动刷新，不是解决“相同参数必须每次发新请求”的最优解。

内容的提问来源于stack exchange，提问作者Naro