在Axios中以400或401发布请求-承载令牌

Question

I'm trying to post data using axios.

handleAddClickAxios = (token, title, text, category, creationDate) => {
  const api = "http://localhost:3000/tasks/";
  console.log("login clicked");
  let data = JSON.stringify({
    title: title,
    text: text,
    category: category,
    creationDate: creationDate,
    done: false
  });
  console.log(data);

  axios.post(api, data, {
    headers: {
      Authorization: `Bearer ${token}`,
      "Content-Type": "application/json"
    }
  });
};

Now I have 400 error, in some options I got Unauthorized error. I tried many times, but i failed.

Console:

Apptask - eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZGNmZjFhMjQzZWUwNTJmNmNkMjAzYzgiLCJpYXQiOjE1NzQ1ODQzMDl9.P9cKtljoFXbCo6X540tQ27d_jeouOwwRJ6HKhpsy-PY asdad

App.js:100 login clicked

App.js:108 {"title":"asdad","text":"aaaaaaaaaa","category":"","creationDate":"2019-10-0, 9:31","done":false} :3000/tasks/:1 POST http://localhost:3000/tasks/ 400 (Bad Request)

Request details in devtools:

Answer 1

You need to send data without JSON.stringify like this:

let data = {
  title,
  text,
  category,
  creationDate,
  done: false
};

Also your creationData is not valid, it must be in this format:

"2019-11-24T09:06:29.271Z"