在 axios 中傳遞 header 錯誤：400 錯誤請求

Question

我正在嘗試使用 axios 對我的反應應用程序進行授權，並且該請求適用於 postman 但是當我開始反應時它給了我 400 錯誤請求錯誤

    let user = JSON.parse(localStorage.getItem("user"));
    let userName = user.userName;
    let accessToken = user.accessToken;
    console.log(accessToken);
    let config = {
    headers: {
      'Authorization': 'Bearer ' + accessToken
    }
  }
    console.log(config);
    axios.post("http://localhost:8080/getUserType",config).then((response) => {
      var res=response.data;
      this.setState({loginValue:res.userType});
      console.log(res.userType);
    }).catch((err) => {
      console.log(err);
    })
  }

控制台返回這個

Dashboard.js:32 Error: Request failed with status code 400
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.handleLoad (xhr.js:61)

Answer 1

也許嘗試直接使用headers而不是將它們封裝在配置變量中。

    let user = JSON.parse(localStorage.getItem("user"));
    let userName = user.userName;
    let accessToken = user.accessToken;
    console.log(accessToken);
    let headers: {
      'Authorization': 'Bearer ' + accessToken
    };

    console.log(config);
    axios.post("http://localhost:8080/getUserType", { headers }).then((response) => {
      var res=response.data;
      this.setState({loginValue:res.userType});
      console.log(res.userType);
    }).catch((err) => {
      console.log(err);
    })
  }