400(Bad request) status code when making request with axios in reactjs

Question

It's working when making a request with postman for when trying to with axios in reactjs its showing 400 status code

I have already tried - adding removing headers - adding boundary:--foo

handleSubmit(event) {
let data = new FormData();
      data.append("username", this.state.username)
      data.append("password", this.state.password)
      data.append("confirm_password", this.state.confirm_password)
      data.append("email", this.state.email)
      event.preventDefault();
      axios({
         method: 'post',
         url: 'http://localhost:8000/api/account/register/',
         data: data,
      headers:{
         "Content-Type":"application/x-www-form-urlencoded; boundary:XXboundaryXX"
      }
      })
         .then((response) => {
             console.log('bitchhh');

         })
         .catch((response) => {
            //handle error
            console.log(response);
         });
   }

[]3

It's clear for me. Passwords just don't match (as it can be seen in the images) — slackmart
– slackmart, Commented Jun 1, 2019 at 4:55

Nafees Anwar · Accepted Answer · 2019-06-01 04:56:47Z

5

If there are any errors in data, rest framework does not return 2xx status codes it always returns 400 bad request. It means there are errors in request you sent.

Postman is also receiving 400 bad request but it is showing response data (error messages).

axios treats 400 status code as error so you would have to handle it in catch block. If you want to access response sent with errors you can access it from

.catch((err) => {
    //handle error
    console.log(err.response.data);
 });

answered Jun 1, 2019 at 4:56

Nafees Anwar

6,6783 gold badges28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

400(Bad request) status code when making request with axios in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related