有没有办法使用 Axios Get 请求将数据从前端发送到服务器？

Question

我在前端使用 React，在带有 PSQL 数据库的服务器上使用 Express。我有一个提取数据的组件，因此我可以显示它 -

  router.get("/conversation", (request, response) => {
    db.query(
      `
        SELECT *
        FROM conversations;
        `,)
      .then(({ rows: messages }) => {
        return response.json(messages);
      });
  });

这是我的 React 代码 -

  const [conversations, setConversations] = useState([]);
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    axios.get("/messages/conversation")
      .then(
        (response) => {
          setConversations(response.data);
        }
      );

  }, [messages]);

我想在我的 axios get 请求中发送一个道具中的数据，这样我就可以用它来过滤 SQL 查询。我希望我的查询是这样的 -

SELECT *
FROM conversations
WHERE receiver_id = props.receiver_id;

props.receiver_id 是我要发送的数据

有办法吗？

Answer 1

你可以使用 URL 参数，例如 axios.get("/messages/conversation?receiver_id=5") 然后服务器端点可以用 request.query.receiver_id.

获取它

有没有办法使用 Axios Get 请求将数据从前端发送到服务器？

Is there a way to send data from the frontend to the server with an Axios Get request?

node.js

express

psql

reactjs

axios