如何通过.htaccess将带#字符的URL重定向至首页？

嘿，这个需求得先明确一个核心点：URL里的#（锚点/片段标识符）是完全在浏览器端处理的，不会被发送到服务器。所以直接用.htaccess是没法处理这种情况的——因为服务器根本接收不到/#这部分内容。

不过别担心，我们可以用前端JavaScript来解决这个问题，具体步骤如下：

实现方法 #

在你的网页<head>标签里添加一段脚本，尽早检查并修正URL：

// 检查当前URL的锚点是否为空（即/#结尾）
if (window.location.hash === '#') {
  // 方案1：重定向到不带锚点的URL，会增加一条浏览器历史记录
  window.location.href = window.location.origin + window.location.pathname;
  
  // 方案2：用replaceState修改URL，不会增加历史记录（更推荐）
  // window.history.replaceState({}, document.title, window.location.pathname);
}

补充说明 #

• 为什么.htaccess不行？：当用户访问https://example.com/#时，浏览器只会向服务器请求https://example.com/，锚点部分完全留在本地，服务器端的.htaccess根本看不到这个#，自然没法做重定向规则。
• 脚本加载时机：建议把这段脚本放在<head>里，并且在DOM加载前执行，这样用户几乎看不到URL的变化过程，体验更好。
• 其他场景：如果是你的网站生成的链接不小心带了多余的#，最好从源头修改链接生成逻辑，这样比前端修正更彻底。

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