Vercel 主机：Next.js 站点不提供我的静态文件

Question

我在 Next.js 中构建了一个新站点，并将其部署在 vercel.com（他们的免费爱好计划）上。 一切正常，除了我构建了一些示例页面并将它们放入 /public （按照 Nextjs 文档的指示），所以我的目录结构如下： /public/demo/gencenter/gencenter.html 我希望在 https://cfsnap.com/demo/gencenter/gencenter.html 但我收到 404（控制台报告“加载资源失败.... 404”）

有人知道 Next.js 是否有任何句柄，我应该摇动以加载静态文件？对于傻笑，我将一些图像文件放在 /public 目录中，我可以直接调用它们，它们会按预期显示： https://cfsnap.com/demo/gencenter/swimCalendar.png

我在 Next.js 文档中阅读了有关命名冲突的信息，但“gencenter.html”是独一无二的，在其他任何地方都不存在。

任何帮助将不胜感激。

丰富

Answer 1

Vercel 使用干净的 url，导致文件“index.html”重命名为“index”。当我更新我的内部链接以指向“索引”时，一切又开始工作了。显然只适用于 html 文件，CSS 和图像文件不受影响。

https://vercel.com/docs/configuration#project/clean-urls