Tomcat 10为何将CSS以text/html而非text/css返回？如何解决？

可能原因 #

• MIME类型配置无效：应用内web.xml的配置格式有误，或Tomcat全局配置覆盖了应用级设置；也可能是Tomcat默认的CSS MIME映射被误修改。
• 静态资源被Servlet拦截：若web.xml中存在/*这类全局Servlet映射，所有请求（包括CSS文件）都会被该Servlet处理，返回text/html类型响应。
• 子目录权限受限：子目录可能被web.xml的安全约束限制访问，或Tomcat进程无该目录的读取权限，导致无法提供文件服务。

解决步骤 #

1. 修正应用内web.xml的MIME映射
   确保配置格式完全正确，添加或修改如下代码：

   <mime-mapping>
       <extension>css</extension>
       <mime-type>text/css</mime-type>
   </mime-mapping>
   

   注意extension标签不要带.，直接写css即可。

2. 检查Tomcat全局conf/web.xml配置
   打开Tomcat安装目录下的conf/web.xml，确认存在正确的CSS MIME映射。若被删除或修改，恢复默认配置：

   <mime-mapping>
       <extension>css</extension>
       <mime-type>text/css</mime-type>
   </mime-mapping>
   

   修改后重启Tomcat生效。

3. 避免Servlet拦截静态资源
   若存在/*的自定义Servlet映射，需添加DefaultServlet的映射来优先处理静态资源：

   <servlet-mapping>
       <servlet-name>default</servlet-name>
       <url-pattern>*.css</url-pattern>
       <url-pattern>*.js</url-pattern>
       <!-- 根据需要添加其他静态资源后缀 -->
   </servlet-mapping>
   

   确保该映射放在自定义Servlet映射之前，Tomcat会按匹配顺序优先处理。

4. 解决子目录访问问题

   • 检查web.xml中是否有<security-constraint>标签限制了子目录访问，如有则调整或移除相关约束。
   • 确认Tomcat运行用户对该子目录有读取权限：Linux下用chmod调整权限，Windows下取消目录只读属性。

5. 清理缓存

   • 清除浏览器缓存，避免加载旧的错误响应。
   • 删除Tomcatwork目录下的缓存文件，重启Tomcat后重新部署应用。

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