本地電腦搭建 Web 測試服務器：Tomcat 配置、內網穿透與常見 404 問題解決

核心目標

在本地電腦運行 Web 項目，供同一局域網內的其他電腦或手機訪問測試，甚至通過內網穿透實現外網訪問。

方案一：Apache Tomcat（Java Web 標準選擇）

1. 安裝與驗證

• 下載 Tomcat 9/10（Windows 建議 zip 解壓版）。
• 配置 JAVA_HOME 環境變量指向 JDK 目錄（非 JRE）。
• 雙擊 bin/startup.bat，瀏覽器訪問 https://localhost:8080，出現 Tomcat 貓頁面即成功。

2. 部署項目（三種方式）

1. webapps 目錄下放 WAR 或解壓目錄：將項目打包為 myweb.war 或解壓目錄 myweb 放入 webapps，訪問 https://localhost:8080/myweb/。
2. server.xml 配置 Context：在 <Host> 內添加 <Context path="/myweb" docBase="D:/projects/myweb" />，不受 webapps 限制。
3. Eclipse/IDEA 發布：IDE 內配置 Tomcat Server，Add and Remove 項目，自動發布到 wtpwebapps。

3. 端口 8080 衝突與修改

若 8080 被佔用，編輯 conf/server.xml，修改 <Connector port="8080" ...> 為其他端口（如 8081），重啟 Tomcat。

4. 局域網訪問設置

• 獲取本機內網 IP（ipconfig 看 IPv4，如 192.168.1.100）。
• Windows 防火牆入站規則允許 Tomcat 端口（8080/自定義）。
• 其他設備瀏覽器訪問 https://192.168.1.100:8080/myweb/。

方案二：輕量級靜態服務器（前端純 HTML/JS/CSS）

• VS Code Live Server：安裝擴展，右鍵 HTML 選「Open with Live Server」，自動刷新，極適合前端開發。
• http-server (Node.js)：npx http-server -p 3000，當前目錄即為根目錄。
• Python 簡易服務器：python -m http.server 8000（Python 3）。

方案三：內網穿透實現外網訪問

若需向外網演示，推薦工具：

• ngrok：ngrok http 8080 生成 https://xxxx.ngrok.io 公開地址。
• frp：自建服務端，適合長期穩定需求。
• 花生殼/NAT123：國內成熟商業服務。

常見 404 問題排查清單

為什麼 Tomcat 默認端口是 8080？

80 端口需管理員權限且常被佔用（IIS、Apache、Nginx），8080 是非特權端口（>1024），便於開發者無需提權即可運行，成為 Java Web 開發慣例端口。

總結建議

1. 前端靜態頁面：用 VS Code Live Server 或 http-server，零配置、熱重載。
2. Java Web (Servlet/JSP/Spring Boot WAR)：用 Tomcat，IDE 整合發布最省心。
3. Spring Boot 內嵌 Tomcat：直接 java -jar app.jar，無需外部容器。
4. 局域網測試：防火牆放行端口，用內網 IP 訪問。
5. 外網演示：ngrok 最快上手。