我试图使用Next.js项目的公共文件夹中的图像文件，但我在浏览器中收到“404 Not Found”错误。我已经确保相关的图像文件在正确的路径中，文件名和扩展名是正确的，我的配置是准确的。具体来说，我使用的图像文件如下：
body{
background-image: url(/public/frame.png);
}我想指出的是，我已经用常规的HTML和CSS测试了相同的设置，它没有任何问题。然而，当在我的Next.js项目中实现它时，我遇到了“404 Not Found”错误。
以下是我的配置：
Next.js版本：13.4.5
你有什么建议或解决办法吗？为什么我无法使用公用文件夹中的图像文件，并得到“404 Not Found”错误？
感谢您的评分
我希望位于/public/images/frame. png路径中的图像显示为<body>的背景
1条答案
按热度按时间vaqhlq811#
从路径中删除“public”，只需写入
/frame.png如nextjs文档https://nextjs.org/docs/app/building-your-application/optimizing/static-assets中所述