Erro ao Solicitar uma Visita no método patch do Axios em PetDetails.js

[vandersondev]

Você pode se deparar com um erro de "Acesso negado!" ao solicitar uma visita em PetDetails.js se utilizar as versões mais recentes do Axios (por exemplo "axios": "^1.4.0").

Ao printar no console o objeto request no backend notará que ele chega como undefined:

getapet/backend/helpers/verify-token.js

console.log(req.headers.authorization)

Isso ocorre porque a assinatura do método é axios.patch(url[, data[, config]]), ou seja, ele obrigatoriamente pede um argumento data, e o argumento config deve ser passado como terceiro argumento.

Para solucionar este problema é bem simples, basta adicionar um objeto vazio como segundo argumento:

frontend/src/components/pages/Pet/PetDetails.js

const data = await api
  .patch(
  `pets/schedule/${pet._id}`,
  {},
  {
    headers: {
      Authorization: `Bearer ${JSON.parse(token)}`,
    },
  }
)
.then((response) => {
  console.log(response.data)
  return response.data
})
.catch((err) => {
  console.log(err)
  msgType = 'error'
  return err.response.data
})