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

2019年1月28日月曜日

Nuxt.js

t f B! P L

[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'
  ],
   
  ~~ 中略 ~~
}
スポンサーリンク

QooQ