Nuxt.js に axios をインストールする

axiosとは

axiosとはブラウザやnode.js上で動くPromiseベースのHTTPクライアントです。 jQueryで言うところのjQuery.ajaxであり、非同期にHTTP通信を行いたいときに容易に実装できます。 Vue.jsでは非同期通信を行うのにaxiosを使うのがスタンダードとなっております。

とのこと。

正直いまいちよくわからないが、主にJSON の取得で用いられる。

ちなみに読み方は アクシオス とのこと。

Nuxt.js にインストールする

npm install --save @nuxtjs/axios

インストールするコマンド。

--save はpackage.json に追加するための記述。

@nuxtjs/axios を有効にする。

インストールしただけでは有効化されないので nuxt.config.js に下記のように追記する。

  modules: [
    "@nuxtjs/axios",
  ],

で、完了。

ちなみに使用するページでは下記のようにaxios を読み込む必要がある。

import axios from 'axios'

これでOK。