angular项目在xampp中需配置apache重定向以避免404，因客户端路由路径（如/dashboard）在服务端无对应文件；必须启用mod_rewrite、设置allowoverride all，并通过.htaccess或virtualhost将非静态资源请求全部指向index.html。
Angular项目放在XAMPP里跑，不配重定向就必然404——尤其是用routerLink跳转或直接访问子路由时。根本原因是Apache默认不识别Angular的客户端路由，它只按真实文件路径找资源，而/dashboard、/user/profile这些路径在磁盘上并不存在。
为什么Angular需要服务端重定向
Angular使用HTML5 History API实现无刷新路由，所有路由都由前端RouterModule接管。但当用户直接访问http://localhost/myapp/user/123，或刷新该页面时，请求会打到Apache——它会在htdocs/myapp/user/123下找文件，当然找不到，返回404。
- 不是Angular代码没加载，是根本没机会执行
-
ng serve自带重定向逻辑，XAMPP没有 - 不能靠
useHash: true绕过（虽然能用，但URL带#不专业，SEO和分享体验差）
在XAMPP中配置.htaccess重定向规则
最轻量、最常用的方式：在Angular构建输出目录（如htdocs/myapp）下放一个.htaccess文件，启用Apache的mod_rewrite模块处理所有非静态资源请求，全部回退到index.html。
- 确认
httpd.conf已启用：LoadModule rewrite_module modules/mod_rewrite.so（去掉前面的#） - 确保对应
<directory></directory>段中包含：AllowOverride All -
.htaccess内容必须严格如下（放在myapp/根目录，即和index.html同级）：
Options +FollowSymLinks
RewriteEngine On
RewriteBase /myapp/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.html [L]
注意：RewriteBase值要和你的实际子路径一致（比如项目部署在localhost/blog，这里就得写/blog/）；漏掉或写错会导致白屏或无限重定向。
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
改httpd-vhosts.conf做虚拟主机级重定向
如果你用VirtualHost托管Angular项目（例如绑定angular.local），更适合在vhost配置里写重定向逻辑，避免每个子目录都放.htaccess。
- 编辑
xampp/apache/conf/extra/httpd-vhosts.conf - 在对应
<virtualhost></virtualhost>块内添加Rewrite规则（无需.htaccess）：
<virtualhost>
ServerName angular.local
DocumentRoot "C:/xampp/htdocs/myapp"
<directory>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [L]
</directory></virtualhost>
Windows路径用正斜杠或双反斜杠均可；Require all granted是Apache 2.4+必需项，漏掉会报403；改完必须重启Apache，否则无效。
常见错误和绕不开的坑
重定向看似几行配置，实际踩坑点很集中：
-
RewriteCond %{REQUEST_FILENAME} !-f和!-d顺序不能颠倒，否则静态资源（JS/CSS/图片）也会被重写到index.html，导致加载失败 - Angular构建时用了
--base-href（如ng build --base-href /myapp/），index.html里的<base href="/myapp/">必须和RewriteBase或vhost路径完全匹配 - XAMPP默认关闭
mod_rewrite，且AllowOverride None是全局默认值，不显式改成All，.htaccess会被忽略 - 浏览器缓存301重定向，测试时用隐身窗口，或清空缓存+硬刷新（Ctrl+F5）
真正麻烦的从来不是写哪几行规则，而是AllowOverride是否生效、RewriteBase是否对得上、以及Angular构建路径和服务器路径之间那层微妙的对齐关系——三者差一点，整个路由就断在404里。
