Une tentative d'utilisation d'axios pour la requête de point de terminaison de l'API

Question

Bonjour, j'essaie de faire fonctionner cet exemple mod.io. Voici un exemple de curl qu'ils ont donné

curl -X POST https://api.mod.io/v1/oauth/emailrequest \
  -H 'Content-Type: application/x-www-form-urlencoded' \
  -d 'api_key=0d0ba6756d032246f1299f8c01abc424' \
  -d 'email=john.snow@westeros.com'

J'essaie d'ajouter ceci à mon application Vue JS mais cela renvoie une erreur 401. Quelqu'un peut-il voir ce qui ne va pas ?

methods: {
loginUser() {
  const headers = {
    'Content-Type': 'application/x-www-form-urlencoded',
  }
  console.log(this.email) //Works
  const data = {
    api_key: "0d0ba6756d032246f1299f8c01abc424",
    email: this.email
  }
  axios
  .post('https://api.mod.io/v1/oauth/emailrequest', data, {
    headers: headers
  })
  .then(response => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  })
}

L'API et l'e-mail proviennent de la documentation, alors n'hésitez pas à l'essayer. C'est le problème que j'ai

Se pourrait-il que mon hôte local n'ait pas SSL ?

Answer 1

Je sais que je suis très proche du succès....

const headers = {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
  const data = "api_key=0d0ba6756d032246f1299f8c01abc424&email="+this.email;
  
  axios
  .post('https://api.mod.io/v1/oauth/emailrequest', data, {
    headers: headers
  })
  .then(response => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  })