如何重定向含#的URL？WP Engine环境下的实现方法

嘿，这个问题挺常见的——因为URL里的哈希（#）是浏览器端专属的内容，当你访问www.test.com/#/contacts时，浏览器只会把www.test.com发送给服务器，#/contacts部分完全留在本地处理，所以WP Engine的常规服务器端重定向（比如通过后台设置或服务器配置）根本看不到这部分内容，自然没法生效。

我给你两个靠谱的解决方案，还有一些关键注意事项：

方案1：手动添加前端JavaScript代码 #

这是最直接的方法，利用浏览器能读取哈希的特性，在页面加载时判断并跳转。

方法A：通过主题functions.php添加 #

建议用子主题操作（避免主题更新丢失代码），在子主题的functions.php文件末尾添加以下代码：

add_action('wp_footer', 'hash_based_contact_redirect');
function hash_based_contact_redirect() {
    // 只在首页执行判断（因为你的源URL是首页加哈希）
    if (is_front_page()) {
    ?>
    <script>
        // 检查当前URL的哈希是否匹配目标值
        if (window.location.hash === '#/contacts') {
            // 跳转到目标页面
            window.location.href = 'https://www.test.com/another-page';
        }
    </script>
    <?php
    }
}

方法B：直接编辑主题footer.php #

如果你不习惯改functions.php，也可以打开主题的footer.php，在</body>标签之前插入这段JavaScript：

<script>
    if (window.location.hash === '#/contacts') {
        window.location.href = 'https://www.test.com/another-page';
    }
</script>

方案2：用WordPress插件简化操作 #

如果需要管理多个哈希重定向，或者不想手动写代码，可以用Redirection插件（WordPress官方库免费插件）：

• 安装并激活Redirection插件后，进入插件设置页面
• 添加新重定向：
  • 源URL填写：/#/contacts
  • 目标URL填写：/another-page
  • 重定向类型选择JavaScript（这是关键，要让浏览器处理哈希逻辑）
• 保存设置即可

重要提醒 #

• 哈希大小写敏感：#/Contacts和#/contacts会被浏览器视为不同的哈希，如果需要忽略大小写，可以修改JS判断逻辑：

  if (window.location.hash.toLowerCase() === '#/contacts') {
      // 跳转代码
  }
  

• 缓存清理：修改代码或插件设置后，记得清理WP Engine的缓存（在WP Engine后台的缓存选项里操作），确保新规则生效
• 通用规则：不管用不用CMS，带哈希的URL重定向都必须用客户端方法——服务器端的重定向规则（比如.htaccess、Nginx配置）都无法识别哈希部分，因为这部分内容不会被发送到服务器

内容的提问来源于stack exchange，提问作者Oñay Sheard