👔 store 저장 로직 추가 (#18)

Related to: #18

vue/src/main.js

@@ -1,12 +1,12 @@
 import {createApp} from "vue";
 import App from "./App.vue";
-import store from "./store";
 import router from "@/router";
 import vuetify from "./plugins/vuetify";
 import Toast, {POSITION} from "vue-toastification";
 import "vue-toastification/dist/index.css";
 import {UpdateMedia, UploadMedia} from "vue-media-upload";
 import axios from "axios";
+import store from "@/store/store.js";
 
 const options = {
     position: POSITION.TOP_RIGHT,

vue/src/store/getters.js

@@ -0,0 +1,7 @@
+export default {
+    getUserName: state => state.userName,
+    getToken: state => state.token,
+    isLogin(state) {
+        return state.token != null;
+    }
+}

vue/src/store/mutations.js

@@ -0,0 +1,22 @@
+import router from "@/router";
+
+export default {
+    setUsername(state, userName) {
+        state.userName = userName
+    },
+    setToken(state, token) {
+        state.token = token;
+    },
+    login: function (state, payload) {
+        state.userName = payload.name
+        state.token = payload.grantType + " " + payload.accessToken
+    },
+    loginCheck: function (state) {
+        if (!state.token) {
+            router.push("/login")
+                .catch(error => {
+                    console.log(error)
+                })
+        }
+    }
+}

vue/src/store/store.js

@@ -0,0 +1,14 @@
+import {createStore} from "vuex";
+import mutations from "@/store/mutations";
+import getters from "@/store/getters";
+
+const store = createStore({
+    state: { // 변수 집합
+        userName: null,
+        token: null,
+    },
+    getters, // 변수 get
+    mutations, // 변수 set
+});
+
+export default store;

vue/src/views/member/LoginView.vue

@@ -41,8 +41,6 @@
 <script>
 import {useToast} from "vue-toastification";
 import $axiosInst from "@/common/AxiosInst"
-import router from "@/router";
-import store from "@/store";
 
 export default {
   setup() {
@@ -76,6 +74,7 @@ export default {
       this.toast.success("구현 예정입니다 :D");
     },
     submitForm: function () {
+      const that = this;
       if (this.validationCheck() === false) {
         return false;
       }
@@ -88,10 +87,11 @@ export default {
           .post(url, loginForm)
           .then(function (response) {
             console.log(response);
-            const token = response.data.grantType + " " + response.data.accessToken;
-            console.log(token);
-            store.dispatch('setToken', token);
-            router.push("/product/list");
+            that.$store.commit("login", response.data);
+            console.log("store 정보 : " + that.$store.getters.getUserName);
+            console.log("저장된 token 정보 : " + that.$store.getters.getToken);
+            that.toast.info("토큰정보 : " + that.$store.getters.getToken);
+            // router.push("/product/list");
           })
           .catch(function (error) {
             console.log(error);