vue Nuxt 共通関数 (inject)

本稿について

本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
pluginのディレクトリ下に共通関数を作成する

import axios from 'axios'

const getServer = (path, data) => {
  return new Promise((resolve, reject) => {
    axios.get(`http://localhost:3000${path}`).then((response) => {
      resolve(response)
    }).catch((error) => {
      reject(error)
    })
  })
}


const postServer = () => {
}


export default ({}, inject) => {
  inject('getServer', getServer);
  inject('postServer', postServer);


nuxt.config.jsに設定
  plugins: [
    '@/plugins/requestServer'
  ],

以下のような感じで各コンポーネントから利用する
this.$getServer

[参考]



injectの中で storeを使う場合はこれを参考にするといいかも(後日試す)

Back