解决Tomcat不显示css的问题

IDEA中的JavaWeb路径问题

• 问题

  在IDEA 2020.2上将Java Web项目部署到Tomcat9后

  本地css文件未生效

  

  路径看上去没有问题, 但运行项目后css文件并未生效

  

• 为什么不生效 ?

  

  因为按上图写法, JavaWeb中静态资源会在当前文件(index.html)所在文件夹(html)下寻找

  即http://localhost:63342/servlet-demo3/web/html/css/index.css

  而正确的路径应该为http://localhost:63342/servlet-demo3/web/css/index.css

• 如何解决?

  修改引入css文件的路径, 在原路径前加上Application context的路径,重新build项目,运行

  在JSP页面中Application context可以通过request.getContextPath()得到

  

  更好的方法时利用<base>将页面相对路径工作时参照的地址设置为Application context

  

  成功