Next.js部署后老用户遇500服务器错误，无痕模式正常求助

为什么getServerSideProps只在老用户那里报错？ #

getServerSideProps是服务器端运行的函数，它会读取请求携带的Cookie、请求头等信息。老用户浏览器里保存的旧Cookie/本地数据，大概率和新版本服务端的逻辑不兼容——比如旧Cookie里的字段格式已更新、服务端依赖的字段被移除但老用户还存着。而无痕模式下没有这些历史数据，请求是完全干净的，所以服务端能正常处理。

你的清理代码为什么没生效？ #

贴出的代码里有多处语法错误，导致整个useEffect逻辑直接中断，根本没执行：

• const name is eqPos > -1 ? ... 应该改成 const name = eqPos > -1 ? ...
• const databases are indexedDB.databases ? ... 应该改成 const databases = indexedDB.databases ? ...
• if ("caches" is window) 应该改成 if ("caches" in window)
• if ("serviceWorker" is navigator) 应该改成 if ("serviceWorker" in navigator)

这些错误会让浏览器抛出异常，代码走不到缓存清理和页面重载的步骤，老用户的旧数据自然没被清理。

修复后的缓存清理代码 #

修正语法错误后，代码才能正常完成缓存清理：

useEffect(() => {
  const appVersion = "1.0.2"; // 发布新版本时更新这个值
  const savedVersion = localStorage.getItem("appVersion");

  if (savedVersion !== appVersion) {
    localStorage.clear();
    sessionStorage.clear();

    // 清理所有Cookie
    const cookies = document.cookie.split(";");
    for (let i = 0; i < cookies.length; i++) {
      const cookie = cookies[i].trim();
      const eqPos = cookie.indexOf("=");
      const name = eqPos > -1 ? cookie.substring(0, eqPos) : cookie;
      document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;SameSite=Lax`;
      // 如果站点用HTTPS，追加`;secure`属性
    }

    // 清理IndexedDB
    if (indexedDB.databases) {
      indexedDB.databases().then((dbList) => {
        dbList.forEach((db) => {
          if (db.name) {
            indexedDB.deleteDatabase(db.name);
          }
        });
      });
    }

    // 清理缓存存储
    if ("caches" in window) {
      caches.keys().then((cacheNames) => {
        cacheNames.forEach((cacheName) => {
          caches.delete(cacheName);
        });
      });
    }

    // 注销Service Worker
    if ("serviceWorker" in navigator) {
      navigator.serviceWorker.getRegistrations().then((registrations) => {
        registrations.forEach((registration) => {
          registration.unregister();
        });
      });
    }

    localStorage.setItem("appVersion", appVersion);
    // 用replace避免回退到旧页面
    window.location.replace(window.location.href);
  }
}, []);

额外排查建议 #

1. 查服务端日志：找到500错误的具体堆栈，确认getServerSideProps里哪一行报错（比如是不是读取了旧Cookie里不存在的字段）
2. 兼容旧数据：如果是旧Cookie导致的问题，可在getServerSideProps里做兼容处理（比如判断字段是否存在，不存在就用默认值），不用直接清所有Cookie
3. 给Cookie加版本前缀：比如把userId改成v2_userId，服务端只处理对应版本的Cookie，旧版本直接忽略

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