如何使用 axios 附加带有 GET 请求的有效负载？

Question

我正在尝试将对象附加到节点后端的 GET 请求，但是当我从后端控制台记录 req.body 时，它显示 req.body 为空。这是我的反应代码：

 useEffect(() => {
    const fetchMessages = async () => {
      const { data } = await axios.get('/api/messages', {
        sender: '5ffadc2710d93b21a812c33b',
        receiver: '5ffadc1510d93b21a812c339',
      });
      setMessages(data.messages);
      console.log(data);
    };
    fetchMessages();
  }, []);

我将带有密钥发送者和接收者的对象附加到后端以获取发送者和接收者之间的消息。这是我的后端代码，在第 4 行，我在控制台记录 req.body，它返回一个空对象。

Router.route('/').get(
  asyncHandler(async (req, res) => {
    const { sender, receiver } = req.body;
    console.log(req.body);
    const user = await User.findOne({ _id: sender });
    const user2 = await User.findOne({ _id: receiver });
    let sentMessages = await Message.find({ sender, receiver });
    let receivedMessages = await Message.find({
      sender: receiver,
      receiver: sender,
    });
    let messages = sentMessages.concat(receivedMessages);
    messages.sort((a, b) => a.time.getTime() - b.time.getTime());
    res.status(200).json({
      sender: user,
      receiver: user2,
      messages,
    });
  })
);

Answer 1

您的应用中间件中的 json 解析器怎么样？

[...] //express/node setup

app.use(express.json())

[...]//rest of configuration

Answer 2

Axios 库是独立的，它不允许您向 GET 请求添加正文。为此使用 axios.post。