React/JS图片在localhost与GitHub Pages均无法显示问题求助

• 严格匹配路径大小写：GitHub Pages运行在Linux环境下，路径和文件名区分大小写，比如/public/Logo.png和/public/logo.png会被视为不同路径。本地Windows/macOS可能不敏感，但部署后会失效，统一改成小写命名，路径写法完全匹配实际文件。
• 核对静态站点baseURL配置：如果用Jekyll、VuePress这类生成器，项目站点的GitHub Pages需要把baseURL设为/你的仓库名称/，本地开发时可设为/，否则图片路径会出现层级错误。纯静态HTML的话，确保图片路径是相对根目录的写法（比如/public/xxx.jpg），而非相对当前页面的路径。
• 确认本地服务器启动目录：启动本地服务器（如python -m http.server、npx serve）时，必须从项目根目录执行命令。如果从子目录启动，/public/xxx.jpg会指向错误的位置，导致本地也加载失败。
• 检查图片文件有效性：直接打开图片文件确认没有损坏，避免用空格、特殊符号或中文命名图片，建议改成user-avatar.png这类短横线分隔的命名格式。
• 刷新GitHub Pages缓存：部署完成后，GitHub Pages可能存在缓存，用Ctrl+Shift+R强制刷新浏览器，或者去仓库的Pages设置页重新触发部署。

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