Next.js 应用程序路由在部署到 cPanel 后不起作用

Question

我刚刚使用 buddy Works 和 Github 在 cPanel 上部署了我的下一个应用程序。整个过程流畅且工作正常，我能够将 .next 文件夹上传到 cPanel 的 public.html 文件夹。但在上传文件并访问域后，我发现唯一正确呈现的页面是带有路由（“/”）的第一页。单击其他路线时，我遇到了以下错误页面

只有在路线末尾添加 .html 扩展名后，我才能获得所需的页面。在此附上屏幕截图

我已经浏览了所有可用的下一个 js 文档，但仍然无法正确解决这个问题。如果有人能指出我在这里做错了什么，将会有很大的帮助。谢谢！

Answer 1

您必须在

trailingSlash

中添加

next.config.js

键，如下所示：

module.exports = {
  trailingSlash: true,
  ...
}

然后以与现在构建相同的方式构建项目。

Answer 2

感谢它的工作！我的 next.config.js 文件代码：

/** @type {import('next').NextConfig} */ 常量 nextConfig = { 输出：“导出”， TrailingSlash: true, // 在 URL 中启用尾部斜杠 实验：{ FallbackNodePolyfills：假， }, 图片：{ unoptimized: true, // 静态导出所需 远程模式：[ { 协议：“https”， 主机名：“edyug.com”， 港口： ””， pathname: "/img/", // 允许来自 /img 目录的图像 }, { 协议：“https”， 主机名：“edyug.com”， 港口： ””， pathname: "/media/", // 允许来自 /media 目录的图像 }, ], }, };

module.exports = nextConfig;