[Nuxt.js] axiosのインストール方法と簡単な使い方を解説

Nuxt.jsにaxiosをインストールして、簡単なAjax通信をしてみます。

スポンサーリンク

axiosのインストール

Nuxt.js用に統合されたaxiosがnuxt-communityよる公開されている為、こちらをインストールします。

• yarnでインストールする場合

yarn add @nuxtjs/axios

• npmでインストールする場合

npm install --save @nuxtjs/axios

nuxt.config.js を編集

プロジェクトルートディレクトに、nuxt.config.jsというファイルがあると思います。
こちらを開いて以下の通り編集を行います。

module.exports = {
  mode: 'universal',
  
  ~~ 中略 ~~

  /* (1) 以下の通り、modulesセクションに'@nuxtjs/axios'を追加 */
  modules: [
    '@nuxtjs/axios'
  ],
   
  ~~ 中略 ~~
}