Ein Versuch, Axios für API-Endpunktabfragen zu verwenden

Question

Hallo, ich versuche, dieses mod.io-Beispiel zum Laufen zu bringen. Hier ist ein Lockenbeispiel, das sie gegeben haben

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'

Ich versuche, dies zu meiner Vue JS-App hinzuzufügen, aber es wird ein 401-Fehler zurückgegeben. Kann jemand sehen, was falsch ist?

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);
  })
}

Die API und E-Mail stammen aus der Dokumentation, also probieren Sie es einfach aus. Das ist das Problem, das ich habe

Könnte es sein, dass mein Localhost kein SSL hat?

Answer 1

我知道我离成功很近....

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);
  })