ここが変だよ Nuxt.js: No.3 axions の設定、SSR のためのデータのフェッチ

ノーマル axios と違う点 import axios from 'axios' ではなく、@nuxt/axios を nuxt.config.js に modules として登録することで、アプリケーションに module として組み込まれる。これを使う。 アプリケーションに登録した axios module を使う asyncData のときは ({ $axios }) で受けることができる。 通常のコンポーネント、vuex store 内では this.$axios でアクスセスできる。 // Component // asyncData async asyncData({ $axios }) { // asyncData という nuxt 特有の機能において const ip = await $axios.$get('http://icanhazip.com') return {