Express连接MongoDB时POST请求失效，GET正常，求修复方案

我来帮你一步步排查并解决这个POST接口的问题，主要有几个关键问题需要修正：

1. 核心问题：未解析请求体 #

Express默认不会自动解析JSON格式的请求体，这会导致你拿到的req.body是undefined，而且你直接把整个req对象赋值给taskName，这显然是错误的。

修复步骤： #

首先在你的server.js中，所有路由定义之前添加请求体解析中间件（Express 4.16+自带，无需额外安装依赖）：

// 引入express后添加
const express = require('express');
const app = express();

// 添加这行，解析JSON请求体
app.use(express.json());

然后修改POST接口中taskName的赋值，从req改为req.body.taskName：

app.post('/tasks', function(req, res) {
  // 先校验必要参数
  if (!req.body?.taskName) {
    return res.status(400).json({ error: 'taskName 是必填字段' });
  }
  
  var savedata = new Model({
    'taskName': req.body.taskName, // 这里改为req.body的对应字段
    'isDone': false,
    'createdAt': Date.now(),
    'prioraty': 'medium'
  }).save(function (err, result) {
    // 完善错误处理
    if (err) {
      console.error('保存任务失败:', err);
      return res.status(500).json({ error: '保存任务失败，请重试' });
    }
    res.json(result);
  });
});

2. 跨域问题（前端无反应的常见原因） #

因为前端和后端运行在不同端口（比如前端用Angular默认4200，后端3000），浏览器的同源策略会拦截跨域请求，导致前端没有任何响应。

修复步骤： #

安装cors中间件并启用：

npm install cors

在server.js中引入并使用：

const cors = require('cors');
// 开发环境可以直接允许所有跨域请求，生产环境建议配置白名单
app.use(cors());

3. 前端请求未处理响应/错误 #

你的前端postTask方法只是发送了请求，但没有订阅响应或处理错误，所以即使后端修复了，你也看不到任何反馈。

修复示例（Angular）： #

import { catchError, tap } from 'rxjs/operators';

postTask(task: { taskName: string }) {
  return this.http.post('http://localhost:3000/tasks', task)
    .pipe(
      tap(result => console.log('任务保存成功:', result)),
      catchError(error => {
        console.error('任务保存失败:', error);
        alert('保存失败，请检查控制台日志');
        throw error; // 或根据需求处理错误
      })
    );
}

// 调用方法时必须订阅，否则请求不会发送
this.postTask({ taskName: '我的新任务' }).subscribe();

4. 额外建议：完善错误处理和字段校验 #

• 可以给Schema添加字段校验，比如taskName设为必填：

var todoSchema = new Schema({ 
  "taskName": { type: String, required: true }, 
  "createdAt": Date, 
  "isDone": Boolean, 
  "prioraty": String 
}, { collection: 'tasks' });

• 注意你的字段拼写：prioraty是不是应该是priority？如果是拼写错误，建议统一修改，避免后续混淆。

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