AngularJS移除URL#符号及htaccess参数传递问题求助

没问题，我帮你搞定这个URL参数传递的问题！你的核心问题在于当前的.htaccess规则把所有请求都直接重定向到了/static/，丢失了后面的参数部分，而且用了外部重定向（R=301），这不符合AngularJS HTML5模式的需求。我们需要调整规则让服务器把请求交给Angular的入口文件处理，同时保留完整的URL路径。

第一步：确认AngularJS的HTML5模式配置 #

首先要确保你已经正确开启了HTML5模式，并且设置了base标签：

• 在你的AngularJS配置中，已经添加了：

  angular.module('yourApp', [])
    .config(['$locationProvider', function($locationProvider) {
      $locationProvider.html5Mode(true);
    }]);
  

• 在index.html的<head>里添加base标签，指定你的应用根路径：

  <base href="/infosystem/www/app/">
  

第二步：修改.htaccess配置 #

替换你当前的规则为以下内容，这样就能保留完整的URL参数并正确转发给Angular处理：

RewriteEngine On
# 排除实际存在的文件（比如css、js、图片等）和目录
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 将所有请求内部重写到index.html，保留原路径
RewriteRule ^(.*)$ /infosystem/www/app/index.html [L]

为什么这个规则有效？ #

• RewriteCond %{REQUEST_FILENAME} !-f和RewriteCond %{REQUEST_FILENAME} !-d：确保只有当请求的不是服务器上实际存在的文件或目录时，才执行重写规则。这样你的静态资源（比如样式表、脚本）仍然可以正常访问。
• RewriteRule ^(.*)$ /infosystem/www/app/index.html [L]：把所有符合条件的请求内部重写到Angular的入口文件index.html，并且保留了完整的URL路径（通过^(.*)$捕获）。Angular的HTML5模式会自动解析URL中的static/randomcompany部分，匹配对应的路由规则，这样你就能获取到randomcompany这类参数了。
• 去掉了R=301：因为R=301是外部重定向，会改变浏览器地址栏的URL，而我们需要让地址栏保持用户输入的/static/abc，由Angular在前端处理路由。

最后测试 #

修改完.htaccess后，记得清除浏览器缓存（因为之前的301重定向可能被缓存），然后访问http://myname.co/infosystem/www/app/static/abc或者http://myname.co/infosystem/www/app/static/xyz，应该就能正常解析参数并对应到Angular的路由了。

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