JSP无法加载外部CSS样式问题求助

针对你遇到的外部CSS无法加载、内部样式正常的情况，按以下步骤排查修复：

1. 确认CSS文件的部署位置 #

用Maven打包WAR后，src/main/webapp下的静态资源应该被打包到WAR的根目录。你可以进入Docker容器验证：

# 替换<容器ID>为你的Tomcat容器ID
docker exec -it <容器ID> ls /usr/local/tomcat/webapps/ROOT/

如果输出里没有style.css，说明Maven打包时没把文件包含进去。检查pom.xml，确保没有自定义的资源配置覆盖默认规则，默认maven-war-plugin会自动打包src/main/webapp下的所有文件。

2. 修正CSS引用路径 #

虽然你设置了<base>标签，但可以直接用绝对路径避免路径解析问题，修改JSP里的<link>标签：

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style.css" />

或者如果你的应用部署在根路径（从Dockerfile看是ROOT.war，上下文路径为空），也可以直接写：

<link rel="stylesheet" type="text/css" href="/style.css" />

3. 检查浏览器网络请求 #

打开浏览器开发者工具（F12）切换到「网络」标签，刷新页面后查看style.css的请求状态：

• 如果是404状态码：说明路径错误，回到步骤2调整引用路径，同时确认容器内的文件位置。
• 如果是200状态码但样式不生效：检查CSS文件内容是否正确，有没有语法错误，或者选择器匹配问题。

4. 排查Servlet拦截规则 #

如果你的项目里有自定义Servlet，且映射规则是/*，会拦截所有请求包括静态资源。这时候需要在web.xml里添加默认Servlet的映射，让Tomcat处理静态资源：

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
</servlet-mapping>

5. 强制清理浏览器缓存 #

浏览器可能缓存了旧的无效资源，按Ctrl+F5强制刷新页面，或者用隐私模式打开页面测试。

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