【Node】axios(HTTPクライアント) で REST API を使う方法

【Node】 axios(HTTPクライアント) で REST API を使う方法

tags: node react vue angular

---

はじめに

最近は、Vue, React, Angular などのJavaScriptフレームワークでフロントエンドの開発をするときに、 REST API を使うことが多くありました。

そこで、 node.js で REST API を使うための方法を紹介します。

今回は、 promiseベースのHTTPクライアントである axios を使っていきます。

---

---

axios をインストール

npm install --save axios

axiosのgithubはこちらです。

github.com

---

使ってみる

---

HTTPサーバの準備

HTTPサーバには、こちらで使った json-server を使います。

h-s-hige.hateblo.jp

---

HTTPクライアントの準備

HTTPクライアントは、先ほどインストールした axios を使うコードを書きます。

import axios from 'axios';

axios.defaults.headers.get['Content-Type'] = 'application/json';
axios.defaults.headers.get.Accept = 'application/json';

axios.defaults.baseURL = 'http://localhost:3000';
axios.defaults.responseType = 'json';

const getCats = (resolve, reject) => {
  axios.create().get('/cats').then((cats) => {
    resolve(cats);
  }).catch((error) => {
    reject(error);
  });
};

const resolve = (cats) => {
  console.log(cats.data);
}

const reject = (error) => {
  console.log(error);
}

getCats(resolve, reject);

---

axios の詳細な説明はこちらです。

github.com

---

ありがとうございました。