JSP 引入 JS 文件路徑問題：使用絕對路徑或相對路徑的最佳實踐

常見錯誤

在 JSP 中引入 JS 時，直接寫相對路徑如 src="js/list.min.js"，若 JSP 位於不同層級目錄（如 /WEB-INF/views/xxx.jsp vs /xxx.jsp），會導致 404。

推薦寫法

1. 使用 ${pageContext.request.contextPath} 獲取項目上下文路徑（最穩健）

<script src="${pageContext.request.contextPath}/js/list.min.js"></script>

或簡寫（需啟用 EL 表達式）：

<script src="${ctx}/js/list.min.js"></script>
<!-- 頁面頂部定義：var ctx = "${pageContext.request.contextPath}"; -->

2. 使用 標簽（需引入 JSTL）

<%@ taglib prefix="c" uri="https://java.sun.com/jsp/jstl/core" %>
<script src="<c:url value='/js/list.min.js'/>"></script>

3. 絕對路徑（以 / 開頭，相對域名根路徑）

<script src="/myapp/js/list.min.js"></script>

缺點：項目部署路徑變更時需修改。

目錄結構示例

webapp/
├── js/
│   └── list.min.js
├── WEB-INF/
│   └── views/
│       └── findCircleMember.jsp
└── findCircleMember.jsp

在 findCircleMember.jsp 中引入：

<script src="${pageContext.request.contextPath}/js/list.min.js"></script>

避坑指南

• 不要使用 request.getContextPath() 在 script 標籤中拼接（易出錯）。
• 確保 JS 文件確實部署在對應目錄下（檢查 target/war 包）。
• 瀏覽器開發者工具 Network 面板查看實際請求 URL 定位 404 原因。