若您在 Vercel 上的部署目标是 Next.js 应用程序,则可能是由于服务端渲染时尝试读取静态资源文件夹而导致的。在 Next.js 中,public 文件夹不应与 pages 文件夹混淆。例如,如果您的目录结构如下:
- public/
- images/
- logo.png
- pages/
- index.js
在 Next.js 中,您应该使用 next/image
组件来引用 logo.png
,而不是直接将 public
文件夹作为静态资源文件夹。这样,您可以使用相对路径 ../public/images/logo.png
访问它。
所以,相应地修改您的代码应该可以解决这个问题。如果您不是在使用 Next.js,这个问题可能与服务器上的文件权限有关,您需要确保您的应用程序具有足够的权限来读取目标文件夹。