使用Tomcat部署项目在浏览器中访问的时候JS和CSS等静态文件无法加载的问题

首先，我的Eclipse是引用外部的Tomcat



引用外部Tomcat会在左侧生成一个Server文件夹，相当于复制了一份Tomcat到Eclipse的安装目录里



具体Tomcat所在目录可以在这进行查看

双击Tomcat服务，会打开一个窗口，然后点击Open launch configuration，可打开配置窗口，在这里可以查看到具体服务所在位置。





接下来步入正题，正如题目所说，Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载，如图



仔细看下路径，会发现相对路径有问题，所以加载不到。

Eclipse中使用Tomcat直接启动项目的话，因为项目是默认部署在webapps下的，所以访问的话必须带项目名，相应的所有静态文件也需要带项目名访问，但是页面里面引入的都是相对路径，所以会报访问不到的错误。

具体解决办法，只需要修改Eclipse中Tomcat的配置的相对路径即可

项目加入Tomcat后，会在左侧Server文件夹下的server.xml文件中生成一行访问路径



只需要把path后面的路径修改为“/”就OK了。这样访问项目的时候就不需要带上项目名了。

问题解决。