Next.js+Markdown博客部署Vercel后动态页报500内部服务器错误

以下是针对你问题的具体修复步骤：

1. 修复generateStaticParams的返回值错误 #

你的generateStaticParams函数中，箭头函数使用大括号但未返回值，导致生成的路由参数为undefined，直接引发页面生成失败。

错误代码：

export const generateStaticParams = async () => {
  const posts = getPostMetadata("services");
  return posts.map((post) => {
    {
      slug: post.slug;
    }
  });
};

修复后代码：

export const generateStaticParams = async () => {
  const posts = getPostMetadata("services");
  // 用小括号直接返回对象，或添加return关键字
  return posts.map((post) => ({ slug: post.slug }));
};

2. 使用绝对路径读取Markdown文件 #

本地运行时相对路径src/services/可正常工作，但Vercel构建环境的工作目录与本地不同，会导致fs.readFileSync找不到文件。需用process.cwd()拼接绝对路径，同时导入path模块处理路径。

修复步骤：

• 先导入path模块：

import path from 'path';

• 修改getPostContent函数的路径处理：

function getPostContent(slug) {
  // 拼接项目根目录到src/services的绝对路径
  const folder = path.join(process.cwd(), 'src/services/');
  const file = path.join(folder, `${slug}.md`);
  const content = fs.readFileSync(file, "utf8");

  const matterResult = matter(content);
  return matterResult;
}

3. 检查getPostMetadata函数的正确性 #

确保getPostMetadata("services")能正确遍历src/services目录下的所有Markdown文件，返回包含有效slug的数组。若该函数的路径读取逻辑有误，同样会导致generateStaticParams无法生成合法路由参数。

4. 通过Vercel构建日志定位具体错误 #

你可以在Vercel项目控制台查看构建日志，里面会显示500错误的具体原因（如文件找不到、语法错误等），这是排查部署问题最直接的方式。

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