CodeIgniter路由含#参数问题：URL带#无法匹配路由求解

为什么#和其他字符的处理逻辑不一样？ #

这得从URL的**锚点（Fragment Identifier）**机制说起：

• 当URL里出现#时，#及后面的内容是完全由浏览器端处理的，不会被发送到服务器。比如你访问https://www.example.com/#/terms，服务器实际收到的请求只有https://www.example.com/，根本不知道#/terms的存在。
• CodeIgniter的路由规则是在服务器端运行的，它只能基于服务器接收到的请求路径来匹配路由，自然没法识别#后面的内容——哪怕你把#加到permitted_uri_chars里也没用，因为这部分数据根本没传到服务器。

实现https://www.example.com/#/terms需求的可行方案 #

因为服务器拿不到锚点内容，所以得从前端或调整URL结构入手，这里给两种实用思路：

1. 前端JS监听锚点并处理

既然浏览器能识别#后的内容，你可以在首页（Home控制器的index方法）中加入一段JS代码，监听页面加载时的锚点，然后动态跳转或加载内容：

window.addEventListener('load', function() {
    const currentHash = window.location.hash;
    // 匹配#/terms锚点
    if (currentHash === '#/terms') {
        // 方案A：跳转到真实的terms路由（用户会看到URL变成/terms）
        window.location.href = '/terms';
        
        // 方案B：保留哈希URL，通过AJAX加载terms页面内容（无刷新）
        // fetch('/terms')
        //     .then(response => response.text())
        //     .then(html => {
        //         // 假设页面有个id为content的容器用来展示内容
        //         document.getElementById('content').innerHTML = html;
        //     });
    }
});

这种方式既能保留你想要的#/termsURL形式，又能正确映射到Home控制器的terms方法。

2. 用伪哈希字符替代#（纯服务器端处理）

如果你不想依赖JS，可以把#换成服务器能识别的字符（比如!），然后配置CI路由：
首先在application/config/routes.php中添加路由规则：

$route['!/terms'] = 'home/terms';

然后修改application/config/config.php，把!加入允许的URI字符列表：

// 确保!在permitted_uri_chars中，其他默认字符保留
$config['permitted_uri_chars'] = 'a-z 0-9~%.:_\-!';

这样访问https://www.example.com/!/terms就能正常映射到home/terms，视觉上和哈希路由类似，且完全由服务器端处理，不需要前端介入。

关于.htaccess的说明

很遗憾，.htaccess是在服务器端处理请求的，但因为#后的内容不会被发送到服务器，所以.htaccess也无法捕获这部分内容，没法通过重写规则直接实现#/terms到home/terms的映射，这种方式行不通。

内容的提问来源于stack exchange，提问作者Manish Pareek