我正在嘗試使用位于我的Next.js項目的public文件夾中的圖像文件,但是我收到了一個& quot404未找到& quot瀏覽器出錯。我已經確保相關的圖像文件在正確的路徑中,文件名和擴展名是正確的,并且我的配置是準確的。具體來說,我是這樣使用圖像文件的:
body{
background-image: url(/public/frame.png);
}
我想指出的是,我已經用常規的HTML和CSS測試了相同的設置,它工作起來沒有任何問題。然而,在我的Next.js項目中實現它時,我遇到了& quot404未找到& quot錯誤。
以下是我的配置:
Next.js版本:13.4.5
有什么建議或者解決辦法嗎?為什么我無法使用公共文件夾中的圖像文件,并得到一個& quot404未找到& quot錯誤?
提前感謝!
我希望位于/public/images/frame.png路徑中的圖像顯示為& ltbody & gt
刪除& quot公共& quot從小路上 只管寫 /框架. png
正如nextjs文檔https://nextjs . org/docs/app/building-your-application/optimizing/static-assets中提到的