5

API キーを設定するために特定のヘッダーを必要とする外部 API (Mashape から) からいくつかのデータを取得しようとしています。

jQuery を使用してすべて問題ありません。

$.ajax({
    url: 'https://omgvamp-hearthstone-v1.p.mashape.com/cardbacks',
    type: 'GET',
    data: {},
    dataType: 'json',
    success: function(data) { console.dir((data.source)); },
    error: function(err) { alert(err); },
    beforeSend: function(xhr) {
    xhr.setRequestHeader("X-Mashape-Authorization", "MY_API_KEY");
    }
});

ただし、反応するアプリケーションの axios で同じリクエストを実行しようとすると、404 エラーが発生します。

axios.get({
  url: 'https://omgvamp-hearthstone-v1.p.mashape.com/cardbacks',
  headers: {
      "X-Mashape-Authorization": "MY_API_KEY"
   }
 })

私が欠けているものはありますか？ありがとう。

4

3 に答える 3

14

やっとわかった。

以下を使用して、リクエストの前にヘッダーを設定する必要がありますaxios.defaults.headers.common['header_name'] = "API_KEY";。

axios.defaults.baseURL = 'https://omgvamp-hearthstone-v1.p.mashape.com';
axios.defaults.headers.common['X-Mashape-Key'] = "API_KEY";
axios.get('/cardbacks')
    .then((resp) => {
        console.dir(resp);
    });
于 2016-06-30T12:58:20.427 に答える