JSP 與 Servlet 中相對路徑與絕對路徑完全指南

前提環境

• 應用 URL：https://192.168.0.1/webapp/
• 目錄結構：

webapp/
├─ WEB-INF/
│  ├─ classes/
│  ├─ lib/
│  └─ web.xml
├─ user/
│  ├─ a.jsp
│  └─ b.jsp
├─ images/
├─ css/
└─ js/

路徑分類

1. 瀏覽器端相對路徑（HTML/JS/CSS）

• 基準：目前網頁所在目錄。
• 範例：one.css（同目錄）、user/one.css（子目錄）、../one.css（上層）。

2. 伺服器端相對路徑（JSP/Servlet 內部）

• 基準：Web 應用根目錄（即 https://host:port/webapp/）。
• 以 / 開頭，由容器解析，非瀏覽器。
• 適用場景：

// RequestDispatcher.forward()
request.getRequestDispatcher("/user/a.jsp").forward(req, resp);

// response.sendRedirect() 亦屬伺服器端解析（但會導致瀏覽器重新請求）
response.sendRedirect("/webapp/user/a.jsp");

關鍵差異：forward 保持同一請求，參數自動傳遞；sendRedirect 觸發新請求，瀏覽器網址列會變更。

實戰建議

• JSP/Servlet 內部跳轉、引用資源，一律使用以 / 開頭的應用相對路徑。
• HTML/JS/CSS 參考靜態資源，使用瀏覽器相對路徑或絕對路徑 /webapp/images/...。
• 避免在伺服器端代碼中使用 ../ 此類瀏覽器相對路徑，容易導致找不到資源。