Next 13 App目录下背景图片无法渲染问题求助

• 核心问题：Next.js 中public是静态资源根目录，你写的/public/bg.jpg是错误路径，系统会尝试访问public/public/bg.jpg，导致404。

• 修正路径写法：将SCSS里的背景图路径改为根路径直接指向图片，示例代码：

// 全局SCSS文件内容
body {
  background-image: url('/bg.jpg');
}

• 路径验证方式：在浏览器地址栏输入http://localhost:3000/bg.jpg，如果能正常显示图片，说明文件位置和路径逻辑没问题。

• 关于自动生成的layout.css：这是Next.js编译SCSS后产出的文件，无需手动修改或查找，只要源SCSS文件的路径写对，编译后的文件会自动使用正确路径。

如果问题仍存在，排查以下两点：

• 确认图片文件名（含扩展名）完全正确，注意大小写差异（部分操作系统/部署环境区分文件名大小写）
• 图片确实放在public根目录下，若在子文件夹中，路径需写成/子文件夹名称/bg.jpg

内容的提问来源于stack exchange，提问作者Mr_Yellow7