首先，我的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了。这样访问项目的时候就不需要带上项目名了。
问题解决。
Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载的问题
原文地址：http://www.cnblogs.com/wbyp/p/7930084.html