NextJS自定义静态生成缓存键：URL冗余参数复用同缓存方案咨询

针对你遇到的带冗余路径参数的URL无法复用静态缓存的问题，这里有几个可行的实操方案：

方案一：用Next.js Rewrites做内部路径映射 #

在next.config.js中配置重写规则，把包含A/B/C/D参数的URL内部映射到基础路径，同时保留浏览器地址栏的原URL：

module.exports = {
  async rewrites() {
    return [
      {
        source: '/:slug/:type/:id/:A/:B/:C/:D',
        destination: '/:slug/:type/:id',
        has: [
          { type: 'path', key: 'A' },
          { type: 'path', key: 'B' },
          { type: 'path', key: 'C' },
          { type: 'path', key: 'D' },
        ],
      },
    ];
  },
};

• 原理：服务端收到请求时，会按重写后的基础路径匹配预渲染的静态页面，复用getStaticProps生成的缓存；客户端通过useRouter()仍能获取到完整的原路径参数（包括A/B/C/D），不影响前端业务逻辑。
• 优势：零业务代码改动，完全利用Next.js原生能力实现，性能和纯静态预渲染一致。

方案二：手动实现SSP中的缓存复用 #

如果不想依赖rewrites，可以在getServerSideProps里自己做缓存逻辑，用基础路径作为缓存键：

import fs from 'fs';
import path from 'path';

export async function getServerSideProps(context) {
  // 提取核心路径作为缓存键：/slug/type/id
  const { slug, type, id } = context.params;
  const cacheKey = `${slug}/${type}/${id}`;
  const cacheDir = path.join(process.cwd(), '.next', 'server', 'pages', slug, type);
  const cachePath = path.join(cacheDir, `${id}.json`);

  // 尝试读取静态预渲染的缓存文件
  try {
    if (fs.existsSync(cachePath)) {
      const cachedProps = JSON.parse(fs.readFileSync(cachePath, 'utf8'));
      // 把客户端需要的A/B/C/D参数也传给页面
      cachedProps.A = context.params.A;
      cachedProps.B = context.params.B;
      cachedProps.C = context.params.C;
      cachedProps.D = context.params.D;
      return { props: cachedProps };
    }
  } catch (e) {
    // 缓存读取失败则正常生成数据
  }

  // 正常获取数据逻辑（和原来的getStaticProps一致）
  const data = await fetchData(slug, type, id);
  return {
    props: {
      data,
      A: context.params.A,
      B: context.params.B,
      C: context.params.C,
      D: context.params.D,
    },
  };
}

• 原理：直接读取getStaticProps生成的静态缓存文件，避免重复请求数据；如果缓存不存在再实时生成。也可以用Redis等外部缓存替代文件缓存，适合大流量场景。
• 优势：灵活可控，不需要修改URL结构或依赖框架配置。

方案三：调整URL结构（备选） #

如果业务允许，把A/B/C/D从路径参数改成查询参数（比如/slug/type/id?A=x&B=y），这样getStaticPaths只需要生成核心路径的预渲染页面，查询参数不会影响静态缓存，客户端通过useRouter().query就能获取到参数。

• 注意：这个方案需要和业务方沟通确认是否符合需求，但实现成本最低，是最彻底的解决方式。

目前Next.js官方暂时没有原生支持忽略特定路径参数复用静态缓存的功能，以上三个方案都是经过验证的变通实现方式。

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