完善登录页面vuex存入token

src/store/index.js

@@ -1,65 +1,37 @@
-/*
-import Vue from 'vue'
-import Vuex from 'vuex'
-import request from '@/js/request.js'
-
-Vue.use(Vuex)
-export default new Vuex.Store({
-    state: {
-        tokenInfo: {}
-    },
-    mutations: {
-        setTokenInfo (state, newToken) {
-            state.tokenInfo = newToken
-        }
-    },
-    actions: {
-        async userLogin (context, formState) {
-            // context.commit('mSetTokenInfo', res.data.data)
-            try {
-                const res = await request.login(formState)
-                console.log(res)
-                console.log(context)
-                // 请求成功之后,保存token,所以调mutations函数
-                context.commit('setTokenInfo', res.data.data)
-            } catch (err) {
-                // console.log(err)
-                throw new Error()
-            }
-        }
-    },
-    modules: {
-    }
-})*/
-
-
 import {createStore} from 'vuex';
 import request from '@/js/request.js';
+import router from "@/router/index.js";
 
 const store = createStore({
     state: {
-        tokenInfo: {}
+        tokenInfo: null
     },
     mutations: {
         setTokenInfo(state, newToken) {
             state.tokenInfo = newToken;
+            localStorage.setItem('token', newToken);
         }
     },
     actions: {
-        async userLogin(context, formState) {
+        async userLogin({ commit }, formState) {
             try {
                 const res = await request.login(formState);
+                const token = res.data.data.token
                 console.log(res);
-                console.log(context);
-                context.commit('setTokenInfo', res.data.data.token);
+                commit('setTokenInfo', token);
+                if (res.data.data.role.rid===1) {
+                    router.push("/Manager/Main")
+
+                }else {
+                    router.push("/")  //非管理员跳转index主页
+                }
             } catch (err) {
                 console.error(err);
                 throw new Error('登录失败');
             }
         }
     },
-    modules: {
-    }
 });
 
 export default store;
+

src/views/AuthPage/Login.vue

@@ -62,6 +62,7 @@
 import {reactive} from 'vue';
 import {message} from "ant-design-vue";
 import {useRouter} from "vue-router";
+import {useStore} from 'vuex'
 
 
 const router = useRouter()
@@ -103,17 +104,16 @@ function  SendRegister(){
     });
 }*/
 
-
-
+const store = useStore()
 
 async function loginUser () {
-  // console.log(this.user)
+   //console.log(this.user)
   try {
-    await this.$store.dispatch('userLogin', formState)
+    await store.dispatch('userLogin', formState)
     message.success('登陆成功')
   } catch (err) {
-    // console.log('err:', err)
-    message.warn('登陆失败l')
+     console.log('err:', err)
+    message.warn('登陆失败')
   }
 }