fix(components): fix:router-login-loginout-router-guard

GeekQiaQia · Jun 16, 2021 · 0b56d7e · 0b56d7e
1 parent c6475ca
commit 0b56d7e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
@@ -76,6 +76,7 @@ export default defineComponent({
     }
     const logout = () => {
       // clear()
+      sessionStorage.removeItem('auth')
       router.replace('/login')
     }
     return {

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -334,5 +334,20 @@ const router = createRouter({
   // end: false,
 
 });
+router.beforeEach((to, from, next) => {
+  console.log(to);
+  if(sessionStorage.getItem('auth')){
+    next()
+  }else if(to.path==='/login'){
+    next();
+  }else{
+    console.log('into login');
+         next({
+        path: '/login',
+        query: {redirect: to.fullPath}
+      })
+  }
 
+
+});
 export default router;
diff --git a/src/views/login.vue b/src/views/login.vue
@@ -73,6 +73,7 @@ export default defineComponent({
             .post('/api/auth/login', data)
             .then((res) => {
               if (res.data.code === 0) {
+                sessionStorage.setItem('auth', 'true')
                 router.push('/')
               } else {
                 ElMessage({