Percubaan untuk menggunakan axios untuk pertanyaan titik akhir API

Question

Hai, saya cuba menjadikan contoh mod.io ini berfungsi. Berikut ialah contoh ikal yang mereka berikan

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'

Saya cuba menambahkan ini pada apl Vue JS saya tetapi ia mengembalikan ralat 401. Bolehkah sesiapa melihat apa yang salah?

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

API dan e-mel adalah daripada dokumentasi, jadi jangan ragu untuk mencubanya. Inilah masalah saya

Mungkinkah localhost saya tidak mempunyai SSL?

Answer 1

Saya tahu saya sangat hampir dengan kejayaan....

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