Node.js+MongoDB应用数据库页面加载卡顿求助

从你给出的信息来看，服务和数据库连接都正常，问题大概率出在访问数据库的请求没有得到正确响应，导致浏览器一直处于等待状态。以下是几个常见的原因和对应的解决方法：

1. 接口未正确返回响应 #

如果你的数据库查询接口没有调用res.send()、res.json()或res.end()来结束请求，浏览器会一直等待服务器返回数据，表现为页面转圈。

错误写法示例：

app.get('/get-students', (req, res) => {
  // 只执行查询，但不返回响应
  Student.find({}, (err, students) => {
    if (err) console.error(err);
    // 缺少返回响应的代码
  });
});

正确写法：

app.get('/get-students', (req, res) => {
  Student.find({}, (err, students) => {
    if (err) {
      return res.status(500).json({ error: err.message });
    }
    res.json(students);
  });
});

2. Mongoose模型定义错误 #

检查你的student.model.js是否正确导出了模型，如果模型未导出，查询时会找不到对应的数据模型，导致请求卡住或静默失败。

错误示例（未导出模型）：

const mongoose = require('mongoose');
const studentSchema = new mongoose.Schema({
  name: String,
  age: Number
});
// 缺少模型导出语句

正确写法：

const mongoose = require('mongoose');
const studentSchema = new mongoose.Schema({
  name: String,
  age: Number
});

// 导出模型，供其他文件调用
module.exports = mongoose.model('Student', studentSchema);

3. 异步操作未处理异常 #

如果使用async/await处理数据库查询，未捕获异常会导致请求挂起——错误没有被处理，也没有返回响应给前端。

错误示例：

app.get('/get-students', async (req, res) => {
  const students = await Student.find({});
  res.json(students);
});

正确写法（添加try/catch捕获异常）：

app.get('/get-students', async (req, res) => {
  try {
    const students = await Student.find({});
    res.json(students);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

4. 中间件阻塞请求 #

检查你的index.js中是否有自定义中间件未调用next()，导致请求无法到达处理数据库查询的路由。

错误示例：

// 这个中间件没有调用next()，后续路由无法处理请求
app.use((req, res) => {
  console.log('Request received');
});

// 这个路由永远不会被执行
app.get('/get-students', (req, res) => { /* ... */ });

正确写法：

app.use((req, res, next) => {
  console.log('Request received');
  next(); // 必须调用next()，让请求继续向下传递
});

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