嘗試使用 axios 查詢 API 端點

Question

嘿，我正在嘗試讓這個 mod.io 示例工作。 這是他們給出的卷曲示例

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