質問編集履歴

タイトル変更

2019/09/11 07:42

投稿

スコア14

title CHANGED Viewed

	@@ -1,1 +1,1 @@
1	- ~~postが上手くいきません２(Vue.js + Vue Router + Vuex とサーバーサイドに~~ Laravel を~~使用し~~た~~シングルペ~~ー~~ジ Web アプリケーションの開~~発)
1	+ Laravel+vueでpostを行なった場合に422エラーが発生する

body CHANGED Viewed

File without changes

コード追加

2019/09/11 07:42

投稿

スコア14

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -203,4 +203,50 @@
         ];
     }
 }
+```
+###resources/js/store/auth.js
+```
+const state = {
+  user: null
+}
+const getters = {
+  check: state => !! state.user,
+  username: state => state.user ? state.user.name : ''
+}
+const mutations = {
+  setUser (state, user) {
+    state.user = user
+  }
+}
+const actions = {
+  async register (context, data) {
+    const response = await axios.post('/api/register', data)
+    context.commit('setUser', response.data)
+  },
+  async login (context, data) {
+    const response = await axios.post('/api/login', data)
+    context.commit('setUser', response.data)
+  },
+  async logout (context) {
+    const response = await axios.post('/api/logout')
+    context.commit('setUser', null)
+  },
+  async currentUser (context) {
+    const response = await axios.get('/api/user')
+    const user = response.data || null
+    context.commit('setUser', user)
+  }
+}
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions
+}
 ```