CODEWITHSUNDEEP
djangovue.jsnuxt.js
Rebbeca
Rebbeca

Reputation: 1977

axios Post request returns null response

I am facing an issue of receiving NULL response for the axios POST request I made. How do I correct this error?

I've tried to changing multipart/form-data into x-www-form-urlencoded and multipart/x-www-form-urlencoded

async submitUser() {
  this.memberObj = {
    id: this.memberObjLocal.id,
    name: this.memberObjLocal.name,
    password: this.memberObjLocal.password,
    email: this.memberObjLocal.email,
    password: this.memberObjLocal.password,
    gender: this.memberObjLocal.gender,
    experience: this.memberObjLocal.experience,
    birth: this.memberObjLocal.birth,
    phoneNum: this.memberObjLocal.phoneNum,
    address: this.address,
    introduce: this.introduce,
    pic: this.pic
  };
  const config = {
    headers: { "Content-Type": "multipart/form-data" }
  };
  var formData = new FormData();
  for (let data in this.memberObj) {
    console.log(data); 
    formData.append(data, this.memberObj[data]);
    console.log(this.memberObj[data]); 
  }
  for (var key of formData.entries()) {
    console.log(key[0] + ", " + key[1]); 
  }
  try {
    let response = await this.$axios.$post("/users/", formData, config);
    this.$router.push("/");
    console.log(response) // null
  } catch (e) {
    console.log(e.response);
  }
}

Upvotes: 1

Views: 6283

Answers (1)

Sherzod
Sherzod

Reputation: 303

Please try to use like this

import axios from "axios";

//... your codes here

    axios({
      url: "/users/",
      method: "post",
      data: formData,
      headers: config.headers
    })
    .then(response => {
      this.$router.push("/");
      console.log(response);
    })
    .catch(error => console.error(error));

//... and other codes here

and you can see more examples!

Upvotes: 1

Related Questions