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

2021年11月23日火曜日

Nuxt.js

t f B! P L

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

このブログを検索

Profile

自分の写真
Webアプリエンジニア。 日々新しい技術を追い求めてブログでアウトプットしています。
プロフィール画像は、猫村ゆゆこ様に書いてもらいました。

QooQ