Erro 400 durante submissão do formulário | React parte 1: componentes reutilizáveis para sua webapp

Estou usando a API fetch do Javascript pois usa promises e quero evitar o callbackhell do JQuery. Dessa forma, quero fazer a seguinte chamada POST:

fetch('http://cdc-react.herokuapp.com/api/autores', {
            headers: {'Content-Type': 'application/json'},
            method: 'post',
            body: JSON.stringify({nome: "a", email: "b", senha: "c"})
}).then(console.log)

O problema é que estou recebendo erro 400:

POST http://cdc-react.herokuapp.com/api/autores 400 (Bad Request)

Quando tento o GET, funciona:

fetch('http://cdc-react.herokuapp.com/api/autores').then(res => console.log(res.json()))

O que estou fazendo de errado?

Estou bem decepcionada com esse curso, pois encontrei problemas em todas as aulas e ainda são sugeridas más práticas nos vídeos.

fetch('http://localhost:8080/api/autores', { method: 'post', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ nome: 'abc', email: 'abc@teste.com', senha: '123' }) }).then(console.log)

Mergulhe em programação