本稿について
本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
#vue
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を使う場合はこれを参考にするといいかも(後日試す)