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

debugcn 发表于 Dev

Yasaswiraj madari

我正在尝试使用axios对我的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)

BTL

也许尝试直接使用headers而不是将它们封装在config变量中。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。