ReactでAxiosを使用する方法
序章
Web上の多くのプロジェクトは、開発のある段階でRESTAPIとインターフェースする必要があります。 Axios は、Angular.jsv1.x内の$http
サービスに基づく軽量HTTPクライアントであり、ネイティブJavaScript FetchAPIに似ています。
Axiosはpromiseベースであり、JavaScriptのasync
およびawait
を利用して、より読みやすい非同期コードを作成できます。
リクエストをインターセプトしてキャンセルすることもでき、クロスサイトリクエストフォージェリに対するクライアント側の保護が組み込まれています。
この記事では、Axiosを使用してReactアプリケーション内で人気のあるJSONプレースホルダーAPIにアクセスする方法の例を紹介します。
前提条件
この記事をフォローするには、次のものが必要です。
- Node.jsバージョン10.16.0がコンピューターにインストールされています。 これをmacOSまたはUbuntu18.04にインストールするには、Node.jsをインストールしてmacOSにローカル開発環境を作成する方法またはの
PPAを使用したインストール ]セクションの手順に従います。 Ubuntu18.04