Spring Boot 3 教學 (四) web 中的圖片與 Javascript 該放哪

Spring Boot 3 進行 web 開發的時候,可能會使用到圖片或是 javascript ,但是,應該放在哪個位置上呢? 預設可以在專案中的這四個位置上(基於 src/main/resources 下):

  • /static
  • /public
  • /resources
  • /META-INF/resources

Spring Boot 3 靜態資源放在 /static

這邊我們以 /static 為例子。

我們在其中,放置了 /img 與 /js

在瀏覽器中嘗試輸入下面的網址

http://localhost:8080/img/b.jpg

http://localhost:8080/js/jquery-3.7.1.min.js

http://localhost:8080/a.jpg

都可以看到圖片或是 Javascript 呈現出來。

Spring Boot 3 也可以設定網站圖示 favicon.ico

將設計好的 favicon.ico 放到4個資料夾中的其中一個

  • /static
  • /public
  • /resources
  • /META-INF/resources

這邊以 /public 為例。

執行之前使用過的任一網址

如: http://localhost:8080/Hi2 ,就可以看到囉 ^^