在 Nuxt 3 中收到 useFetch 的错误响应后如何禁用缓存

Question

如果我运行 useFetch 并收到 404 500...
更改页面并返回原始页面后，useFetch不会再次请求，相同的信息将保留。
但如果我刷新页面，useFetch 就会正常工作。

const load = async () => {
  const { data, error, status } = await useFetch('http://server.test/api/test', {
    method: 'GET',
  });

  if (error.value) {
    console.log('error', error.value);
  }
};

load();

如何禁用此缓存？

Answer 1

await useFetch('http://server.test/api/test', {
  method: 'GET',
  headers: {
    'Cache-Control': 'no-cache',
  },
});