相对URI片段链接指向首页而非当前页面？求排查方案

问题背景 #

我的尝试 #

在page.html页面中添加代码：

<a href="#top">#top</a>

在Firefox和Chrome中打开page.html，右键点击链接选择「复制链接地址」。

实际结果 #

复制得到的链接：

example.com/#top

预期结果 #

预期应得到：

example.com/page.html#top

按HTML标准，仅含片段的相对URI（如#something）应指向当前页面，点击不会刷新页面，测试环境中该行为正常。已移除页面的jQuery、Bootstrap脚本及样式，问题仍存在。希望让标准行为生效，而非用绝对路径片段的写法绕过。

常见诱因 #

• 服务器URL重写/路由规则：Nginx、Apache或后端框架的路由配置，把page.html的访问路径重写为根路径伪静态地址，导致浏览器地址栏显示example.com/而非example.com/page.html，复制锚点时基于地址栏URL生成。
• <base>标签影响：页面中若存在<base href="/">，会将所有相对URL的基准设为网站根目录，仅含片段的锚点会基于根路径生成，而非当前页面URL。
• 浏览器缓存/历史记录干扰：浏览器缓存旧路由状态，地址栏显示异常，复制链接时沿用缓存路径。
• 服务器端跳转：页面加载时存在301/302跳转，把page.html跳转到根路径，地址栏更新后锚点链接基于根路径生成。

调试排查步骤 #

1. 确认地址栏URL：打开page.html后，检查浏览器地址栏显示的是example.com/page.html还是example.com/，后者说明路径被改写。
2. 检查<base>标签：搜索页面源码，确认是否存在<base>标签，查看其href属性是否为根路径。
3. 排查服务器配置：查看Apache的.htaccess、Nginx配置文件，或后端框架路由规则，确认是否有将page.html重写为根路径的设置。
4. 无缓存测试：用浏览器隐私模式打开页面，或清除缓存后重新访问，排除缓存干扰。
5. 查看网络请求：打开浏览器开发者工具「网络」面板，查看page.html请求的响应状态码，确认是否存在30x跳转。

修复方案 #

• 若为<base>标签导致，修改其href为当前页面路径，或移除不必要的<base>标签。
• 若为服务器重写规则问题，调整规则，确保访问page.html时地址栏保留完整路径，或针对锚点链接做特殊处理。
• 若为跳转问题，检查服务器端跳转逻辑，取消不必要的跳转，保证页面加载后地址栏显示正确的page.html路径。

内容的提问来源于stack exchange，提问作者ᴍᴇʜᴏᴠ