带有 [slug] 的动态页面无法在 Vercel 上运行

Question

我正在使用具有应用程序目录结构的 Next.js 应用程序。我有一个动态项目页面

项目/[slug]/page.tsx。

当我在本地主机上运行该项目时，它运行良好。但是，当我将其上传到 Vercel 并单击动态路线时，总是会导致错误（未找到）。

我尝试在projects文件夹下创建一个静态页面：

项目/测试/page.tsx

这非常有效。

但是，当我在 Vercel mydomain/projects/[slug] 上访问此链接时，它会向我显示内容，但它不再在本地主机上运行。

Answer 1

我第一次在 Vercel 上上传项目时，没有动态页面。当时问题出在错误页面上。当我导航到 例如 /projects/bla，Vercel 将我重定向到其错误页面，而不是我的。因此，我在我的项目中添加了一个 vercel.json 文件：

{
  "rewrites": [{ "source": "/(.*)", "destination": "/error" }]
}

这解决了错误页面问题，但是当我想使用动态路由时，它总是显示我的自定义错误页面。

我的动态页面问题现已解决，但我的自定义错误页面仍然无法正常工作。然而，其他托管平台（例如 Netlify）不存在这些问题并且可以完美运行。