求助：Github Pages无法加载Vue项目中的背景图片资源

我的src文件夹下的style.css中有如下代码：

background-image: url("./assets/background.jpg");

本地运行时背景图片可正常显示，但部署到Github Pages后，该背景图片无法加载。奇怪的是，通过浏览器审查元素能看到网页可识别图片路径。

相关地址：

• Github Page：aneks1.github.io/brainfuck-interpreter/
• 代码仓库：github.com/Aneks1/brainfuck-interpreter

可能的解决方法： #

• 核对部署后的资源结构：确认Github Pages上的assets文件夹是否和本地src中的层级、文件完全一致，部分构建工具会修改资源的存放路径或文件名。
• 修改为根相对路径：将CSS中的路径改为url("/assets/background.jpg")，通过网站根目录定位资源，避免相对路径的层级问题。
• 检查文件名大小写：Github文件系统区分大小写，本地系统（如Windows）不区分，若实际文件名与代码中的大小写不符，会导致加载失败。
• 调整构建工具的base配置：如果使用Vite、Webpack等工具，需将base配置项设置为项目的Github Pages路径，比如Vite中设置base: "/brainfuck-interpreter/"，确保资源路径正确指向项目根目录。

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