Next.js+CMS动态链接构建报错：getStaticProps预渲染无法返回redirect

方案1：改用getServerSideProps替代getStaticProps #

你遇到的构建错误是因为getStaticProps在预渲染阶段执行，不支持返回重定向配置。而getServerSideProps在每次请求时运行，完全支持返回redirect，既能触发301永久重定向，又能保留你原本的URL修正逻辑，且在Vercel部署不会报错。

修改后的代码示例：

import type { GetServerSideProps } from 'next';

export const getServerSideProps: GetServerSideProps = async (context) => {
  let requestedUrl = '/';
  if (context?.params?.path) {
    requestedUrl = '/' + (context?.params?.path as string[]).join('/');
  }

  // 清理URL：转小写、替换空格为短横线、移除尾部斜杠
  let modifiedUrl = requestedUrl
    .trim()
    .toLowerCase()
    .replace(/\s+/g, '-') // 直接替换所有连续空格为短横线
    .replace(/\/$/, ''); // 移除尾部斜杠

  if (modifiedUrl !== requestedUrl) {
    return {
      redirect: {
        destination: modifiedUrl,
        permanent: true, // 301重定向，符合SEO要求
      },
    };
  }

  // URL符合规范时，继续执行原本的CMS数据获取逻辑
  return {
    props: { /* 页面所需的CMS数据 */ },
  };
};

方案2：从CMS源头规范URL #

最彻底的解决方式是在内容创作环节就强制生成合规URL：

• 在CMS的URL生成逻辑中，自动将标题转换为小写
• 把空格替换为短横线
• 移除尾部斜杠
• 可在CMS发布校验环节添加规则，阻止不符合规范的URL发布

这样用户直接访问的就是正确URL，无需后续重定向处理。

方案3：Vercel配置文件配合正则重定向（有限场景适用） #

如果你的URL有固定模式，可尝试通过vercel.json实现部分规则，但仅适合能被正则覆盖的场景：

1. 先配置移除尾部斜杠：

{
  "trailingSlash": false,
  "redirects": [
    {
      "source": "/:path+/",
      "destination": "/:path+",
      "permanent": true
    }
  ]
}

2. 针对大写字母和空格的替换，由于Vercel重定向不支持自动转小写（需依赖Edge Functions，而你的Node版本不兼容），这部分无法完全实现，因此该方案仅作为补充，优先推荐前两个方案。

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