使用axios進行API端點查詢的嘗試

Question

嗨，我正在嘗試讓這個mod.io範例工作。這是他們給的一個curl範例

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'

我正在嘗試將其添加到我的Vue JS應用程式中，但返回401錯誤。有人能看到有什麼問題嗎？

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和電子郵件來自文檔，所以請隨意嘗試。 這就是我遇到的問題

可能是我的本機沒有SSL嗎？

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