Next.js项目中getServerSideProps路由切换时获取错误旧数据问题求助

我之前也碰到过几乎一模一样的缓存坑，本地开发一切正常，部署后就出问题——结合你描述的场景，大概率是缓存策略冲突或者服务端/CDN缓存了动态数据导致的，给你几个具体的排查和解决思路：

1. 手动设置响应缓存头，禁止缓存_next/data内容 #

构建后部署的服务器（比如Vercel、Nginx）经常会给静态资源加缓存策略，但_next/data下的JSON是每个请求动态生成的，绝对不该被缓存。你可以直接在getServerSideProps里设置Cache-Control头，强制浏览器和CDN放弃缓存：

export async function getServerSideProps(context) {
  // 你的数据获取逻辑，记得根据当前用户身份（比如cookie）拉取对应数据
  const userData = await fetchUserData(context.req.cookies.authToken);

  // 关键：设置缓存控制头，彻底禁止缓存
  context.res.setHeader(
    'Cache-Control',
    'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0'
  );

  return { props: { userData } };
}

这里的参数作用：

• no-store：禁止浏览器和任何中间件存储响应内容
• no-cache：每次请求都要向服务器验证资源是否新鲜
• must-revalidate/proxy-revalidate：强制CDN或代理服务器也必须验证资源
• max-age=0：立即过期，强制重新请求

2. 排查next/link和router的使用方式 #

• 如果你用了next/link的prefetch功能，预取的内容可能会缓存旧数据。可以先临时关闭预取测试：

  <Link href="/" prefetch={false}>回到首页</Link>
  

  如果问题消失，说明预取的缓存逻辑和用户身份不匹配，需要调整预取时机（比如登录后清除预取缓存，或者仅在未登录时预取）。
• 不要在router.push里滥用shallow: true：虽然官方说带getServerSideProps的页面会忽略浅路由，但某些场景下可能会导致意外的缓存行为，确保导航时用默认配置即可。

3. 检查CDN或服务器的缓存配置 #

如果你的项目部署在带CDN的平台（比如Vercel、Netlify），需要单独配置_next/data路径的缓存规则，避免CDN缓存动态数据：

• 比如在Vercel的vercel.json里添加：

  {
    "headers": [
      {
        "source": "/_next/data/:path*",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "no-store, no-cache, must-revalidate, proxy-revalidate"
          }
        ]
      }
    ]
  }
  

• 如果是Nginx部署，在对应的location块里添加：

  location ~ ^/_next/data/ {
    add_header Cache-Control "no-store, no-cache, must-revalidate, proxy-revalidate";
    proxy_pass http://your-nextjs-server;
  }
  

4. 验证数据获取逻辑是否存在全局缓存 #

检查你的数据获取函数（比如fetchUserData）本身是否做了全局缓存：

• 比如用了内存缓存（全局变量）、Redis缓存但没有根据用户ID区分，导致不同用户拿到同一份旧数据。
• 确保每个请求都重新拉取数据，或者缓存时带上用户唯一标识（比如用户ID）作为缓存键。

5. 确认getServerSideProps是否真的被触发 #

可以在getServerSideProps里加日志，部署后查看服务器日志：

export async function getServerSideProps(context) {
  console.log(`[SSR] 触发getServerSideProps，用户ID：${context.req.cookies.userId}`);
  // ...数据获取逻辑
}

如果客户端导航时没有看到这条日志，说明请求被缓存了；如果有日志但数据还是旧的，那问题肯定出在数据获取逻辑里（比如没有正确读取当前用户的身份）。

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