Next Js 在使用服务时显示构建文件夹的索引

Posted 2023-02-21

【中文标题】Next Js 在使用服务时显示构建文件夹的索引

【英文标题】：Next Js showing index of build folder when using serve

【发布时间】：2022-01-23 22:09:49

【问题描述】：

我试图运行下一个 js 的构建文件夹，当我运行 serve build 时反应 js 运行良好。但在下一个 js 中，它只显示构建文件夹中文件的普通索引..

我应该怎么做才能得到正确的结果而不是索引？

【参考方案1】：

serve 仅支持提供站点的静态构建。因此，要在 next.js 中构建静态站点，您需要像这样编辑 package.json 文件：

"scripts": 
  "build": "next build && next export"

然后您可以尝试npm run build 在out 文件夹中生成静态构建，您可以通过serve out 命令轻松提供该文件夹。

引用 nextjs 网站@https://nextjs.org/docs/advanced-features/static-html-export：

next export 允许您将 Next.js 应用程序导出为静态 HTML，无需 Node.js 服务器即可独立运行。如果您不需要任何需要服务器的不受支持的功能，建议仅使用next export。

谢谢。

【讨论】：

感谢 Sahil，如果有人使用它，请确保在 next.config.js 中将加载程序更新为 akamai