Add simple test page for 404 debugging

- Create simple.html as fallback test page - Set root route to simple.html for immediate access - Include API test functionality in the page - Verify basic Vercel deployment works
2025-08-21 13:35:38 +09:00
parent 08894eeb66
commit c6ec1c3720
2 changed files with 117 additions and 3 deletions
--- a/simple.html
+++ b/simple.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jaryo File Manager - 테스트</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+            background-color: #f5f5f5;
+        }
+        .container {
+            background: white;
+            padding: 30px;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        h1 {
+            color: #333;
+            text-align: center;
+        }
+        .status {
+            background: #e8f5e8;
+            border: 1px solid #4caf50;
+            padding: 15px;
+            border-radius: 5px;
+            margin: 20px 0;
+            text-align: center;
+        }
+        .button {
+            background: #4caf50;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            text-decoration: none;
+            display: inline-block;
+            margin: 5px;
+        }
+        .button:hover {
+            background: #45a049;
+        }
+        .test-section {
+            margin: 20px 0;
+            padding: 15px;
+            background: #f0f8ff;
+            border-radius: 5px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🚀 Jaryo File Manager</h1>
+        
+        <div class="status">
+            <h3>✅ 정적 페이지 테스트</h3>
+            <p>이 페이지가 보인다면 Vercel 배포가 성공한 것입니다!</p>
+            <p><strong>시간:</strong> <span id="currentTime"></span></p>
+        </div>
+        
+        <div class="test-section">
+            <h3>🔧 테스트 버튼들</h3>
+            <a href="/index.html" class="button">메인 페이지</a>
+            <a href="/api/test" class="button">API 테스트</a>
+            <a href="/api/files" class="button">파일 API</a>
+        </div>
+        
+        <div class="test-section">
+            <h3>📡 AJAX 테스트</h3>
+            <button onclick="testAPI()" class="button">API 연결 테스트</button>
+            <div id="apiResult" style="margin-top: 10px;"></div>
+        </div>
+    </div>
+
+    <script>
+        // 현재 시간 표시
+        document.getElementById('currentTime').textContent = new Date().toLocaleString('ko-KR');
+        
+        // API 테스트 함수
+        async function testAPI() {
+            const resultDiv = document.getElementById('apiResult');
+            resultDiv.innerHTML = '🔄 API 테스트 중...';
+            
+            try {
+                const response = await fetch('/api/test');
+                const data = await response.json();
+                
+                resultDiv.innerHTML = `
+                    <div style="background: #e8f5e8; padding: 10px; border-radius: 5px;">
+                        <strong>✅ API 연결 성공!</strong><br>
+                        메시지: ${data.message}<br>
+                        시간: ${data.timestamp}
+                    </div>
+                `;
+            } catch (error) {
+                resultDiv.innerHTML = `
+                    <div style="background: #ffe8e8; padding: 10px; border-radius: 5px;">
+                        <strong>❌ API 연결 실패</strong><br>
+                        오류: ${error.message}
+                    </div>
+                `;
+            }
+        }
+    </script>
+</body>
+</html>