AngularJS+JBoss应用JS/CSS因MIME类型不匹配被拦截求助

问题背景 #

• 技术栈：前端AngularJS，后端JBoss服务器
• 前置配置：Web服务器已设置X-Content-Type-Options: nosniff响应头，应用服务器无相关配置
• 异常现象：登录后JS和CSS文件返回状态码200但无法执行；资源的Content-Type时而为正确类型，时而变为text/html

浏览器报错信息 #

Chrome浏览器 #

Refused to apply style from 'URL/bootstrap-glyphicons.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Refused to execute script from 'URL/angular.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Firefox浏览器 #

The resource from “URL/bootstrap.min.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

The resource from “URL/angular-route.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

排查方向 #

• 检查Web服务器静态资源路由配置
  确认Web服务器（如Nginx/Apache）对JS、CSS的路由规则是否稳定，是否存在请求被错误转发到后端JBoss处理（后端返回HTML页面导致MIME类型异常）。查看访问日志，对比成功/失败请求的路由路径、处理节点是否一致。

• 排查JBoss的MIME类型与资源映射

  • 检查web.xml或jboss-web.xml中的静态资源映射规则，是否存在冲突；
  • 验证JBoss的mime.types配置文件中，JS、CSS对应的MIME类型是否正确：

    text/css                      css
    application/javascript        js
    

  • 排查自定义Servlet/过滤器是否在处理静态资源时，动态修改Content-Type且存在逻辑异常。

• 验证登录会话的影响
  对比登录前后的请求处理流程，检查登录后的会话过滤器、权限拦截器是否对静态资源请求进行了额外处理，导致响应被篡改。

• 排查缓存与CDN问题
  强制刷新页面（Ctrl+F5）或清除浏览器缓存后测试，排除旧缓存导致的异常；检查Web服务器/CDN的缓存策略，确认是否存在不合理的缓存规则导致MIME类型被错误缓存。

• 抓包分析请求细节
  使用Chrome DevTools Network面板或Wireshark抓包，对比成功/失败请求的完整响应头，确认Content-Type变化的触发条件，同时检查Server、Location等字段判断路由是否正常。

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