Store_Vuex init...

src/components/LoginComponent.vue

@@ -80,47 +80,23 @@ export default {
       return dirty || validated ? valid : null
     },
     async onSubmit() {
-      try {
+      //인증서버에서 인증코드받기
-        //1.인증서버에서 인증코드받기
+      await this.$store
-        const tokens = await this.getTokens()
-        //2.인증코드를 받아오는데 성공하면 BackEnd서버로 인증코드를 보냄
-        //console.log(tokens)
-        await this.sendAccessToken(tokens)
-        //3.next로 이동
-        const return_url = this.$route.params.return_url || 'home'
-        alert('로그인 성공..\n' + return_url)
-        this.$router.push({ name: return_url }).catch((e) => {
-          throw new Error(return_url + '로 Redirect 실패\n' + e.message)
-        })
-      } catch ({ message }) {
-        alert('로그인 실패...\n' + message)
-      }
-    },
-    async getTokens() {
-      return await this.$store
         .dispatch('AuthStore/login', {
           email: this.form.email,
           password: this.form.password
         })
-        .then((response) => {
+        .then(() => {
-          //console.log(response)
+          this.$router
-          //alert('인증서버에서 인증코드 받기 성공..')
+            .push({
-          return response.data.tokens
+              name: this.$route.params.return_url || 'home'
+            })
+            .catch((e) => {
+              throw new Error('router 오류\n' + +e.response.data.message)
+            })
         })
         .catch((e) => {
-          throw new Error('인증서버에서 인증코드 받기 실패..\n' + e.message)
+          alert(e)
-        })
-    },
-    async sendTokens(tokens) {
-      return await this.$store
-        .dispatch('TodoStore/sendTokens', tokens)
-        .then((response) => {
-          console.log(response)
-          alert('인증코드 전송 성공..')
-          return response.data
-        })
-        .catch((e) => {
-          throw new Error('인증코드 전송 실패..\n' + e.message)
         })
     }
   }

src/components/todo/ListComponent.vue

@@ -246,9 +246,9 @@ export default {
     }
   },
   methods: {
-    setDatas(page = 1) {
+    async setDatas(page = 1) {
-      this.$store
+      await this.$store
-        .dispatch('TodoStore/setData', {
+        .dispatch('TodoStore/setDatas', {
           page: page,
           perPage: this.perPage,
           sortBy: this.sortBy,
@@ -260,8 +260,8 @@ export default {
           filterDateStart: this.filterDateStart,
           filterDateEnd: this.filterDateEnd
         })
-        .catch((error) => {
+        .catch((e) => {
-          alert(error)
+          alert(e)
         })
     },
     searchClick() {

src/store/modules/auth.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import jwt from './jwt'
+import jwt from '../../common/jwt'
 //참조: https://yamoo9.github.io/axios/guide/interceptors.html
 const apiServer = axios.create({
   baseURL: process.env.VUE_APP_AUTH_HOST,
@@ -58,17 +58,18 @@ const actions = {
       .post('/auth/login', params)
       .then((response) => {
         const { data } = response
-        context.commit('login', {
+        //console.log(data)
-          tokens: data.tokens
+        context.commit('login', { tokens: data })
-        })
         return response
       })
-      .catch((error) => {
+      .catch((e) => {
-        return error
+        throw new Error('login 오류\n' + e.response.data.message)
       })
   },
   logout: async function (context, payload) {
-    return await context.commit('logout', payload)
+    return await context.commit('logout', payload).catch((e) => {
+      throw new Error('logout 오류\n' + +e.response.data.message)
+    })
   },
   register: async function (context, payload) {
     const params = {
@@ -80,13 +81,11 @@ const actions = {
       .post('/auth/register', params)
       .then((response) => {
         const { data } = response
-        context.commit('login', {
+        context.commit('login', { tokens: data.tokens })
-          tokens: data.tokens
-        })
         return response
       })
-      .catch((error) => {
+      .catch((e) => {
-        return error
+        throw new Error('register 오류\n' + +e.response.data.message)
       })
   }
 }

src/store/modules/todo.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import jwt from './jwt'
+import jwt from '../../common/jwt'
 
 //참조: https://yamoo9.github.io/axios/guide/interceptors.html
 const apiServer = axios.create({
@@ -30,37 +30,24 @@ const getters = {
   }
 }
 const mutations = {
-  setData: function (state, data) {
+  setDatas: function (state, data) {
     state.total = data.total
     state.rows = data.rows
   }
 }
 const actions = {
-  sendAccessToken: async function (context, accessToken) {
+  setDatas: async function (context, params) {
-    //주의 .get의 parameter는 { params: params} 처럼 보내야함
-    return await apiServer
-      .get('/todo/accessToken', { params: accessToken })
-      .then((response) => {
-        const { data } = response
-        context.commit('setData', data)
-        return response
-      })
-      .catch((error) => {
-        return error
-      })
-  },
-  setData: async function (context, params) {
     console.log(params)
     //주의 .get의 parameter는 { params: params} 처럼 보내야함
     return await apiServer
       .get('/todo', { params: params })
       .then((response) => {
         const { data } = response
-        context.commit('setData', data)
+        console.log(data)
-        return response
+        context.commit('setDatas', data)
       })
-      .catch((error) => {
+      .catch((e) => {
-        return error
+        throw new Error('todo List 오류\n' + +e.response.data.message)
       })
   }
 }