如何访问上传到 Next.js 中公共文件夹的文件？

Question

我在 Next.js 中有一个项目。我已经上传文件并将其共享到该项目的公共 URL 中。

首先npm run dev，我将文件上传到public文件夹，效果很好，但是当我更改为npm run start并上传文件时，文件上传到public文件夹，但http://mydomain/fileuploaded.jpg没有显示 URL，这种情况很少见，但确实存在。

我在网上搜索但没有找到这个问题的解决方案。

Answer 1

来自Next.js 文档：

只有构建时位于公共目录中的资产才会由 Next.js 提供服务。在运行时添加的文件将不可用。

如果您想在运行时在应用程序中访问上传的文件，则必须将上传的文件保留在其他位置。

或者，您可以在 Next.js 中设置自己的自定义服务器，这将使您能够更好地控制服务静态文件/资产。

您还可以使用 API 路由来实现类似的目标。有关详细信息，请参阅Next.js 提供未包含在构建或源代码中的静态文件。