Wildfly部署Angular应用路由异常：jar打包war后特定路由无法访问

1. 确认Undertow重写规则的正确配置 #

重定向失效大概率是规则配置有误，需在Wildfly的standalone.xml（或domain.xml）中，找到Undertow子系统的<host>节点，添加精准的重写配置，确保非静态资源请求都转发到index.html：

<host name="default-host" alias="localhost">
    <!-- 保留原有配置 -->
    <location name="/oferta-app" handler="welcome-content"/>
    <!-- 引入重写过滤器 -->
    <filter-ref name="angular-rewrite"/>
</host>

<!-- 在<filters>节点下添加重写规则 -->
<filters>
    <!-- 保留原有过滤器 -->
    <rewrite name="angular-rewrite" redirect="false">
        <rule pattern="^/oferta-app/(?!(assets|favicon\.ico|index\.html|.*\.(css|js|png|jpg|svg)$)).*$" substitution="/oferta-app/index.html" flags="L"/>
    </rewrite>
</filters>

规则说明：排除assets目录、静态资源文件（css/js/png等）以及index.html本身，其余请求全部转发到index.html，flags="L"表示匹配后终止后续规则执行。

2. 修正Angular打包配置 #

不要手动修改index.html的<base>标签，通过Angular CLI打包时指定参数，避免打包过程中被覆盖：

ng build --prod --base-href "/oferta-app/" --deploy-url "/oferta-app/"

• --base-href：设置应用基础路径，对应<base href>的值
• --deploy-url：指定静态资源加载路径，确保css、js等文件能正确寻址

3. 检查WAR包结构是否正确 #

使用jar -cfv打包时，必须确保Angular打包后dist目录下的所有文件直接放在WAR包根目录，不能嵌套子目录。正确的WAR结构示例：

oferta-app.war
├── index.html
├── assets/
├── main.xxx.js
├── styles.xxx.css
└── ...其他静态文件

若打包时误将dist/oferta-app整个目录放入WAR，会导致路径嵌套引发路由匹配失败。正确打包命令：进入dist/oferta-app目录后执行：

jar -cfv ../oferta-app.war *

4. 验证重写规则是否生效 #

启动Wildfly后，用curl测试路由请求，检查是否返回index.html内容：

curl -i http://127.0.0.1:8982/oferta-app/pageError401

若返回HTTP状态码200，且响应内容为index.html的代码，说明重写规则生效，此时路由问题由Angular前端路由处理即可。

5. 排查Angular路由配置 #

确保Angular路由模块定义正确，不要在路由路径前添加多余的/（<base href>已指定基础路径，Angular会自动拼接）：

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'pageError401', component: PageError401Component },
  { path: 'pageError402', component: PageError402Component },
  { path: '**', redirectTo: '' } // 可选：处理未匹配的路由
];

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