Javascript POST 400（错误请求）React//Formik//MongoDB

我正在努力弄清楚为什么我在下面的代码中不断出现POST 400（错误请求）错误。该API似乎运行良好。我已经使用Formik构建了这个表单，我正在尝试将电子邮件地址保存到MongoDB

如果有人能帮上忙，我将提前向你表示感谢

import { useFormik } from "formik";
import styles from "../css/new.module.css";
import axios from "axios";

const AddTrader = () => {
  const formik = useFormik({
    initialValues: {
      email: "",
    },
    onSubmit: (values) => {
      axios
        .post(`${process.env.ADDRESS}/api/notes`, values)
        .then((res) => {
          console.log(res);
        })
        .catch((error) => {
          console.log(error);
        });
    },
  });

  return (
    <div className={styles.container}>
      <div className={styles.wrapper}>
        <h1>List a trader</h1>

        <form onSubmit={formik.handleSubmit}>
          <label htmlFor="email">Email Address</label>
          <input
            id="email"
            name="email"
            type="email"
            onChange={formik.handleChange}
            value={formik.values.email}
          />
          <button type="submit">Submit</button>
        </form>
      </div>
    </div>
  );
};

export default AddTrader;

---

在浏览器的开发者工具网络视图中，请求看起来是什么样子？@Christian感谢您的回复，这里的屏幕截图-单击请求所在的行，您可以查看请求和响应的更多详细信息。具体来说，响应选项卡可能会为您提供更多有用的信息。另外，您的服务器代码是什么样子的？请求返回：{“success”：false}，因此在发送响应之前，在catch中执行

console.log（error）

。另外，

dbConnect

可能是异步的，因此在处理任何请求之前，您应该等待它。

const mongoose = require("mongoose");

const TraderSchema = mongoose.Schema({
  email: String,
  created: { type: Date, default: Date.now },
});

module.exports = mongoose.models.Note || mongoose.model("Note", TraderSchema);