使用axiospost方法传递JSONstringifyformData到本地端口5000的后端代码

假设您已经安装了axios和Express.js，您可以使用以下代码将JSON数据发送到本地端口5000的Express.js后端：

前端代码

import axios from "axios";

const formData = {
  name: "John Doe",
  email: "john.doe@example.com",
  message: "Hello World!",
};

axios
  .post("http://localhost:5000/api/form", JSON.stringify(formData))
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

后端代码

const express = require("express");
const bodyParser = require("body-parser");

const app = express();

app.use(bodyParser.json()); // 解析JSON格式的请求体

app.post("/api/form", (req, res) => {
  const formData = req.body;
  console.log(formData);

  // 处理表单数据

  res.send("表单数据已接收");
});

app.listen(5000, () => {
  console.log("服务器已启动，端口号为5000");
});

在上面的代码中，我们使用了Axios的post方法将formData转换为JSON字符串，并将其发送到Express.js后端的/api/form路由。在后端代码中，我们使用了body-parser中间件来解析JSON格式的请求体，并将formData打印到控制台。最后，我们向客户端发送一个成功响应。