首先,我的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了。这样访问项目的时候就不需要带上项目名了。
问题解决。