在axios中传递标头错误：400错误请求

Question

我正在尝试使用axios对我的react应用程序进行授权，该请求与postman一起工作，但当我开始react时，它会给我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

可以尝试直接使用标题，而不是将其封装在配置变量中。

    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);
    })
  }