Node.js中重定向至静态HTML页面失败及静态页面返回问题

嘿，我一眼就看到你代码里的两个核心问题，咱们一个个来解决：

1. 为什么会出现res.redirect is not a function？ #

你同时混用了原生Node.js的http模块和Express框架，但原生http创建的服务器返回的res对象根本没有redirect方法——这个方法是Express框架封装后的res才有的功能。你现在相当于绕开了Express的核心功能，直接用原生http来处理请求，自然找不到这个方法。

2. 如何返回大量代码的静态HTML页面？ #

用res.write确实太麻烦了，Express给我们提供了更简单的方案：要么用res.sendFile直接返回HTML文件，要么用express.static中间件托管整个静态文件目录，自动处理静态资源请求。

重构后的完整代码 #

我把你的代码改成了纯Express风格，解决了这两个问题：

const express = require('express');
const formidable = require('formidable');
const fs = require('fs');
const path = require('path'); // 用来处理文件路径，避免系统差异

const app = express();
const PORT = 9000;

// 处理POST /recFile的文件上传请求
app.post('/recFile', (req, res) => {
  const form = new formidable.IncomingForm();
  
  form.parse(req, (err, fields, files) => {
    if (err) {
      console.error(err);
      return res.status(500).send('文件上传出错');
    }
    
    const oldpath = files.filetoupload.path;
    // 用path.join处理路径，避免Windows和Linux系统的路径分隔符差异
    const newpath = path.join(__dirname, 'Uploads', files.filetoupload.name);
    
    fs.rename(oldpath, newpath, (err) => {
      if (err) {
        console.error(err);
        return res.status(500).send('文件移动失败');
      }
      // 这里可以正常使用Express的res.redirect了！
      res.redirect('/'); // 上传完成后跳转到首页
    });
  });
});

// 方案1：用express.static托管静态文件目录（推荐）
// 假设你的HTML文件放在项目根目录的public文件夹下，比如public/index.html
app.use(express.static(path.join(__dirname, 'public')));

// 方案2：如果只想返回单个HTML文件，可以用res.sendFile
// app.get('*', (req, res) => {
//   res.sendFile(path.join(__dirname, 'your-page.html'));
// });

app.listen(PORT, () => {
  console.log(`服务器运行在 http://localhost:${PORT}`);
});

关键改动说明 #

• 彻底移除了原生http.createServer，直接用Express的app来处理路由和请求，这样res对象就有Express的所有方法（包括redirect）
• 用path.join处理文件路径，避免Windows和Linux系统的路径分隔符差异
• 增加了错误处理，避免程序崩溃
• 静态页面推荐用express.static：只需要把你的HTML、CSS、JS等静态文件放在public目录下，访问http://localhost:9000就会自动加载public/index.html
• 如果上传成功，现在可以正常用res.redirect('/')跳转到首页了

内容的提问来源于stack exchange，提问作者ThisAndThat