Apache捕获所有路由配置问题：JS处理URL遇404及重定向循环

看起来你是在做单页应用（SPA）的路由处理，遇到了服务器重定向循环和404的问题，我来帮你分析下原因并给出解决方案：

首先得明确核心问题所在：

• 服务器无法读取URL中的哈希（#）部分：浏览器不会把#后面的内容发送给服务器，所以你的RewriteCond %{REQUEST_URI} !^/#规则完全无效——服务器根本看不到请求里的#，自然没法排除这类请求。
• 重定向循环的根源：你的规则会把所有请求（包括根路径/）都重定向到/#/$1。当浏览器跳转到/#/xxx后，实际向服务器发起的请求还是/（因为哈希不发服务器），服务器再次匹配规则，又把/重定向到/#/，如此反复就触发了too_many_redirects错误。

下面给你两种针对性的解决方案，根据你的需求选择：

方案1：改用HTML5 History模式（推荐） #

如果你的JS路由支持HTML5 History API（比如常见的Vue Router、React Router都有对应的模式），这是更优的方案——URL更美观，也更符合搜索引擎的抓取习惯。

修改你的.htaccess配置为：

RewriteEngine On
RewriteBase /

# 排除真实存在的文件（比如css、js、图片）和目录
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 把所有非静态资源的请求转发到index.html，交给前端JS处理路由
RewriteRule ^(.*)$ index.html [L]

这样配置后，当用户访问example.com/xyz时，服务器会直接返回index.html，你的JS脚本可以通过window.location.pathname获取到/xyz，然后渲染对应的页面，既不会出现404，也不会有重定向循环。

方案2：继续使用哈希路由（适配原有JS逻辑） #

如果你想保留原有的哈希路由逻辑（把路径转为/#/xxx的格式），需要调整规则避免循环：

RewriteEngine On
RewriteBase /

# 排除真实存在的文件、目录，以及index.html本身
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !^/index\.html$
# 先使用302临时重定向测试，确认没问题再改成301永久重定向
RewriteRule ^(.*)$ /#/$1 [L,R=302]

关键调整点：

1. 排除了静态资源和index.html，避免把css、js这类必要文件也重定向到哈希路径
2. 先用R=302临时重定向测试，避免浏览器缓存错误的重定向规则，测试正常后再改为R=301

配置完成后，用户访问example.com/xyz会被重定向到example.com/#/xyz，你的JS脚本可以通过window.location.hash（处理后得到xyz）来展示对应页面。

小提示：哈希路由对搜索引擎的友好度不如History模式，如果你的项目需要SEO优化，优先选方案1。

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