使用 Axios 将 MSAL 令牌发送到后端

Question

我正在尝试发送先前从 JWT 令牌（连同用户输入的数据）解码的用户 ID。 不幸的是，当我尝试发送它时，我在后端收到一个异常，说请求数组中的数据为空：

Microsoft.EntityFrameworkCore.DbUpdateException：更新条目时出错。 有关详细信息，请参阅内部异常。 ---> Microsoft.Data.SqlClient.SqlException (0x80131904): 无法将值 NULL 插入到列“Approver1lvl”、表“请求”中； 列不允许空值。 插入失败。

从我在浏览器中看到的控制台日志信息来看，令牌被正确解码。 所以，这让我觉得 customInstance.post 部分有错误。

这是我的代码：

export default function NewRequest() {
  const [userData, setUserData] = useState({
    firstName: "",
    surname: "",
    co: "",
    homeAddress: "",
    postCode: "",
    city: "",
    country: "",
    phonePrefix: "",
    phoneNumber: "",
    email: "",
    approver1lvl: "",
    employeeId: "",
    userId: ""
  });

 const handleSubmit = () => {
    var token = localStorage.getItem("msal.idtoken");
    var jwt = jwt_decode(token);
    const {
      firstName,
      surname,
      co,
      homeAddress,
      postCode,
      city,
      country,
      phonePrefix,
      phoneNumber,
      email,
      approver1lvl,
      employeeId,
      date,
    } = userData;

    const user = {
      firstName,
      surname,
      co,
      homeAddress,
      postCode,
      city,
      country,
      phonePrefix,
      phoneNumber,
      email,
      approver1lvl,
      employeeId,
      birth,
    };

   
    customInstance.post("Request",  {user, userId: jwt.oid}).then((response) => {});
  };

有谁知道如何解决这个问题？

编辑：浏览器中错误的屏幕截图：

EDIT2：我已经使用 swagger 成功发送了一个 POST，它看起来像这样：

Answer 1

我在 Swagger 中看到 userId 与电子邮件、电话...处于同一级别，我认为它应该像这样工作：

export default function NewRequest() {
  const [userData, setUserData] = useState({
    firstName: "",
    surname: "",
    co: "",
    homeAddress: "",
    postCode: "",
    city: "",
    country: "",
    phonePrefix: "",
    phoneNumber: "",
    email: "",
    approver1lvl: "",
    employeeId: "",
    userId: ""
  });

 const handleSubmit = () => {
    var token = localStorage.getItem("msal.idtoken");
    var jwt = jwt_decode(token);
    const {
      firstName,
      surname,
      co,
      homeAddress,
      postCode,
      city,
      country,
      phonePrefix,
      phoneNumber,
      email,
      approver1lvl,
      employeeId,
      date,
    } = userData;

    const user = {
      firstName,
      surname,
      co,
      homeAddress,
      postCode,
      city,
      country,
      phonePrefix,
      phoneNumber,
      email,
      approver1lvl,
      employeeId,
      birth,
    };

   
    customInstance.post("Request",  {...user, userId: jwt.oid}).then((response) => {});
  };