Nodejs express 异步接口怎么同时发了get 和post 请求？？

Nodejs express 异步接口怎么同时发了get 和post 请求？？

代码是这么写的： app.get(’/category’,category.search);

对应的写了一个search 方法，但是每次发get 请求获得数据的时候，控制台发了2个请求：

GET /category?size=20&pn=1 304 88ms POST /category?size=20&pn=1 404 1ms

这个正常吗？？

4 回复

当然可以。让我们来分析一下这个问题，并提供一个示例代码来解决这个问题。

问题分析

在Express应用中，app.get('/category', category.search) 定义了一个处理 /category 路径的GET请求的方法 category.search。然而，你发现当发送GET请求时，控制台显示了一个GET请求和一个POST请求。这可能是因为客户端或中间件配置不当导致的额外请求。

解决方案

首先，确保客户端只发送了一个GET请求。如果客户端代码没有问题，那么可能是中间件或其他部分导致了额外的请求。我们可以简化代码并添加一些日志来帮助调试。

示例代码

const express = require('express');
const app = express();

// 模拟 category 模块
const category = {
    search: (req, res) => {
        console.log('Handling GET request for /category');
        // 返回数据
        res.json({ message: 'Data fetched successfully' });
    }
};

// 定义GET路由
app.get('/category', category.search);

// 定义POST路由（仅用于测试）
app.post('/category', (req, res) => {
    console.log('Handling POST request for /category');
    res.status(404).send('Not Found');
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

解释

  1. 定义GET路由:

    • app.get('/category', category.search) 定义了一个处理 /category 路径的GET请求。
    • category.search 方法会在接收到GET请求时被调用。

  2. 定义POST路由:

    • app.post('/category', ...) 定义了一个处理 /category 路径的POST请求。
    • 这里只是为了测试，实际应用中可以根据需要进行修改。

  3. 启动服务器:

    • 使用 app.listen(PORT, ...) 启动服务器，监听指定端口。

调试

  • 当你访问 /category 路径时，你应该只会看到一条 Handling GET request for /category 的日志输出。
  • 如果仍然看到两个请求，检查客户端代码，确保它只发送了一个GET请求。

通过这种方式，你可以更好地理解请求的来源，并排除其他潜在的中间件或配置问题。


发请求这里是用什么发的? 代码如何?

标准的ajax 的get 请求。

在Node.js中使用Express框架时，如果发现GET和POST请求同时被触发，这通常是由于客户端代码或中间件配置问题导致的。下面是一些可能的原因及解决方案：

  1. 客户端代码错误：确保你的前端代码（如JavaScript文件）只发送一个请求。例如，检查HTML或JavaScript文件中是否有重复的事件绑定。

  2. 中间件配置问题：某些中间件可能会自动处理某些类型的请求。确保没有多余的中间件无意中处理了请求。

  3. 路由配置：确认路由配置是否正确。避免在一个路由上同时处理GET和POST请求，除非你确实需要这样做。

示例代码

假设你有一个简单的应用，希望处理GET请求来获取分类信息，处理POST请求来更新分类信息。

const express = require('express');
const app = express();

// Middleware for parsing JSON bodies
app.use(express.json());

// GET Request to fetch category data
app.get('/category', (req, res) => {
    // 模拟数据
    const categories = [
        { id: 1, name: 'Category 1' },
        { id: 2, name: 'Category 2' }
    ];
    res.json(categories);
});

// POST Request to update category data
app.post('/category', (req, res) => {
    console.log('Updating category:', req.body);
    res.status(200).send('Category updated');
});

// Start the server
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

解释

  • GET请求：当用户访问/category时，服务器返回模拟的分类数据。
  • POST请求：当用户通过POST方法向/category发送请求时，服务器会打印出请求体中的内容，并返回一条消息。

如果你仍然遇到两个请求同时出现的情况，可以尝试使用浏览器开发者工具或网络监控工具来检查具体的请求来源，从而定位问题所在。

回到顶部