Firebase Hosting页面404问题求助：首页可访问其他页面无法打开

问题场景 #

使用Firebase Hosting搭建静态网站，主页index.html可正常访问，但点击列表项跳转至其他页面时触发404错误，本地VS Code Live Server运行时也存在相同问题。

问题根源 #

1. Base标签配置错误：index.html中<base href="https://myshowtv-23.web.app" target="_blank">固定了线上绝对URL，导致本地环境下路径解析异常。
2. 跳转路径冗余前缀：链接中包含/public/前缀，但Firebase Hosting会将public目录作为网站根目录，部署后该前缀不存在；注释的链接使用/myshowtv/前缀，与实际文件目录结构不匹配。

解决方案 #

1. 修正Base标签 #

删除或调整<base>标签，避免固定线上URL影响本地测试：

<!-- 移除原固定URL的base标签，或改为相对路径 -->
<base href="./" target="_self">

2. 调整页面跳转路径 #

去掉/public/冗余前缀，确保路径与本地文件结构一致：

<!-- 原错误路径 -->
<a href="/public/h1_शिकंजी का स्वाद.html" target="_blank">शिकंजी का स्वाद</a>

<!-- 修正后路径（文件直接放在public目录下） -->
<a href="./h1_शिकंजी का स्वाद.html" target="_blank">शिकंजी का स्वाद</a>

如果故事页面存放在public/myshowtv子目录中，路径需改为：

<a href="./myshowtv/h2_एकता में बल है.html" target="_blank">एकता में बल है</a>

3. 修正页面内资源路径 #

检查h1_शिकंजी का स्वाद.html中的图片路径，确保与实际文件位置匹配：

<!-- 确保图片存在于public/myshowtv目录下 -->
<img src="./myshowtv/youtube-logo-nuevo-removebg-preview.png" alt="Youtube">

4. 测试与重新部署 #

• 本地用Live Server验证所有链接跳转正常；
• 执行firebase deploy重新部署到Firebase Hosting。

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