Spaces:

luoluoluo22
/

opensite

Paused

App Files Files Community

luoluoluo22 commited on Apr 2, 2025

Commit

d425192

1 Parent(s): f4e4ada

修复: 增强路由处理和添加备用页面

Browse files

Files changed (1) hide show

server.js +118 -3

server.js CHANGED Viewed

@@ -26,6 +26,9 @@ import { COLORS } from "./utils/colors.js";
 // Load environment variables from .env file
 dotenv.config();
 // 打印环境变量（排除敏感信息）
 console.log('===== 环境变量 =====');
 console.log('NODE_ENV:', process.env.NODE_ENV);
@@ -51,7 +54,12 @@ const MODEL_ID = process.env.DEFAULT_MODEL_ID || "deepseek-ai/DeepSeek-V3-0324";
 const MAX_REQUESTS_PER_IP = 4;
 app.use(cookieParser());
-app.use(express.static(path.join(__dirname, "dist")));
 app.use(bodyParser.json());
 const getPTag = (repoId) => {
@@ -575,10 +583,117 @@ app.get("/api/remix/:username/:repo", async (req, res) => {
   });
 });
-app.get("*", (_req, res) => {
-  res.sendFile(path.join(__dirname, "dist", "index.html"));
 });
 app.listen(PORT, () => {
   console.log(`===== 应用启动信息 =====`);
   console.log(`启动时间: ${new Date().toISOString()}`);

 // Load environment variables from .env file
 dotenv.config();
+// 设置环境变量如果不存在
+process.env.APP_PORT = 7860;
 // 打印环境变量（排除敏感信息）
 console.log('===== 环境变量 =====');
 console.log('NODE_ENV:', process.env.NODE_ENV);
 const MAX_REQUESTS_PER_IP = 4;
 app.use(cookieParser());
+app.use(express.static(path.join(__dirname, "dist"), {
+  index: false, // 不自动提供 index.html，我们会手动处理
+  setHeaders: (res, filePath) => {
+    console.log(`提供静态文件: ${filePath}`);
+  }
+}));
 app.use(bodyParser.json());
 const getPTag = (repoId) => {
   });
 });
+// 添加根路由的专门处理
+app.get("/", (req, res) => {
+  console.log("接收到根路径请求");
+  console.log("请求头:", req.headers);
+  const indexPath = path.join(__dirname, "dist", "index.html");
+  if (fs.existsSync(indexPath)) {
+    console.log(`提供 index.html 文件: ${indexPath}`);
+    res.sendFile(indexPath);
+  } else {
+    console.error(`错误: index.html 文件不存在: ${indexPath}`);
+    res.status(404).send("找不到主页文件");
+  }
 });
+// 修改通配符路由，添加更多日志
+app.get("*", (req, res) => {
+  console.log(`通配符路由请求: ${req.url}`);
+  const indexPath = path.join(__dirname, "dist", "index.html");
+  if (fs.existsSync(indexPath)) {
+    console.log(`通配符路由提供 index.html: ${indexPath}`);
+    res.sendFile(indexPath);
+  } else {
+    console.error(`通配符路由错误: index.html 文件不存在: ${indexPath}`);
+    res.status(404).send("找不到页面文件");
+  }
+});
+// 在 app.listen 之前添加
+// 确保 dist 目录和 index.html 存在
+const distDir = path.join(__dirname, "dist");
+const indexPath = path.join(distDir, "index.html");
+if (!fs.existsSync(distDir)) {
+  console.log("创建 dist 目录");
+  fs.mkdirSync(distDir, { recursive: true });
+}
+if (!fs.existsSync(indexPath)) {
+  console.log("创建基本的 index.html 文件");
+  const basicHtml = `
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>DeepSite</title>
+  <style>
+    body {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+      margin: 0;
+      padding: 20px;
+      text-align: center;
+      background-color: #f5f5f5;
+    }
+    .container {
+      max-width: 800px;
+      padding: 30px;
+      background-color: white;
+      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      border-radius: 8px;
+    }
+    h1 {
+      color: #0066cc;
+      margin-bottom: 20px;
+    }
+    p {
+      font-size: 18px;
+      line-height: 1.6;
+      color: #333;
+    }
+    .logo {
+      width: 100px;
+      height: 100px;
+      margin-bottom: 20px;
+    }
+    .button {
+      display: inline-block;
+      background-color: #0066cc;
+      color: white;
+      padding: 12px 24px;
+      border-radius: 4px;
+      text-decoration: none;
+      font-weight: bold;
+      margin-top: 20px;
+      transition: background-color 0.3s;
+    }
+    .button:hover {
+      background-color: #0052a3;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>欢迎使用 DeepSite</h1>
+    <p>一个强大的AI驱动的前端开发助手，帮助你快速创建和优化网页。</p>
+    <p>如果您看到此页面，说明应用已成功启动，但可能静态资源加载有问题。</p>
+    <a href="/" class="button">刷新页面</a>
+  </div>
+</body>
+</html>
+  `;
+  fs.writeFileSync(indexPath, basicHtml);
+}
 app.listen(PORT, () => {
   console.log(`===== 应用启动信息 =====`);
   console.log(`启动时间: ${new Date().toISOString()}`);