使用Axios將MSAL令牌發送到后端-有解無憂

我正在嘗試發送之前從 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) => {});
  };

有誰知道如何解決這個問題？

編輯：瀏覽器中錯誤的螢屏截圖：使用 Axios 將 MSAL 令牌發送到后端

EDIT2: I have successfully send a POST using swagger, which looked like this: 使用 Axios 將 MSAL 令牌發送到后端

uj5u.com熱心網友回復：

我在 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) => {});
  };

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/358784.html

標籤：javascript reactjs web axios msal

上一篇：在控制臺上列印HTML元素回傳NULL(javascript)

下一篇：wordpress將URl重新指向WP目錄