こんにちは、タロウです。 今回はNuxt.jsでaxiosの使い方と設定方法を紹介します。 (初心者向けに書きました) axiosとは、HTTP通信を簡単に行うことができるJavascriptライブラリです。 Nuxt.jsにもaxios-moduleというものがあり、npmコマンドで簡単にインストールすることが でき非常に便利でオススメなプラグインなのでご紹介いたします。 今回は実際にAPIを叩いて画面へ表示するまでをやってみようと思います。 ぜひ参考にしてください! (Nuxt.jsの動作環境の作成方法はこちら!) この記事でやることはこんなかんじです。 axiosのインストール方法nuxt.comfig.jsの設定axiosの使ってAPIを叩く返却されたJSONを画面へ表示 axiosのインストール方法 Nuxt.jsでaxiosを導入するには@nuxtjs/axiosを入れます。
![Nuxt.jsでaxiosの使い方と設定方法を紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb16f2b5c81fdff76e168c814228f72e092b18ed/height=288;version=1;width=512/https%3A%2F%2Fmavs-wp-media-server.s3.ap-northeast-1.amazonaws.com%2F2019%2F12%2F10110840%2Fnuxt-axios.png)