1. 程式人生 > >Eclipse中使用Tomcat加載項目在瀏覽器中訪問的時候JS和CSS等靜態文件無法加載的問題

Eclipse中使用Tomcat加載項目在瀏覽器中訪問的時候JS和CSS等靜態文件無法加載的問題

ima 分享圖片 tro config 分享 文件中 eba 一行 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了。這樣訪問項目的時候就不需要帶上項目名了。

問題解決。

Eclipse中使用Tomcat加載項目在瀏覽器中訪問的時候JS和CSS等靜態文件無法加載的問題