登入頁面導向

JWTVueDemo/ClientApp/src/main.js

@@ -27,7 +27,7 @@ router.beforeEach((to, from, next) => {
           next();
         } else {
           alert('沒有權限進入該頁面');
-          next(from.path);
+          next('/home');
         }
       } else {
         next(from.path);
@@ -38,7 +38,14 @@ router.beforeEach((to, from, next) => {
     if (to.path === '/login') {
       next();
     } else {
-      next('/login');
+      localStorage.setItem('lastUrl', to.fullPath);
+      // this.$router.push({ name: 'login', query: { redirect: '/path' } });
+      next({
+        path: '/login',
+        query: {
+          nextUrl: to.fullPath
+        }
+      });
     }
   }
 });

JWTVueDemo/ClientApp/src/router/index.js

 import Vue from 'vue';
 import VueRouter from 'vue-router';
 import Home from '../views/Home.vue';
-import PageA from '../views/PageA.vue';
-import PageB from '../views/PageB.vue';
-import PageC from '../views/PageC.vue';
+import Login from '../views/Login.vue';
 
 Vue.use(VueRouter);
 const routes = [
   {
     path: '/login',
     name: 'login',
-    component: () => import(/* webpackChunkName: "login" */ '../views/Login.vue'),
-    isMenu: false
-    // props: { title: '登入' },
+    component: Login
   },
   {
     path: '/home',
@@ -27,7 +23,7 @@ const routes = [
   {
     path: '/PageA',
     name: 'PageA',
-    component: PageA,
+    component: () => import(/* webpackChunkName: "PageA" */ '../views/PageA.vue'),
     isMenu: true,
     icon: 'mdi-home',
     admin: true,
@@ -37,7 +33,7 @@ const routes = [
   {
     path: '/PageB',
     name: 'PageB',
-    component: PageB,
+    component: () => import(/* webpackChunkName: "PageB" */ '../views/PageB.vue'),
     isMenu: true,
     icon: 'mdi-home',
     admin: true,
@@ -47,7 +43,7 @@ const routes = [
   {
     path: '/PageC',
     name: 'PageC',
-    component: PageC,
+    component: () => import(/* webpackChunkName: "PageC" */ '../views/PageC.vue'),
     isMenu: true,
     icon: 'mdi-home',
     admin: true,

JWTVueDemo/ClientApp/src/views/Login.vue

@@ -52,7 +52,13 @@ export default {
         Password: this.password
       });
       if (loginState.Success) {
-        this.$router.push('/home');
+        const url = localStorage.getItem('lastUrl');
+        if (url) {
+          localStorage.removeItem('lastUrl');
+          this.$router.push(url);
+        } else {
+          this.$router.push('/home');
+        }
       } else {
         this.snackbarVisible = true;
         this.errMsg = loginState.Msg;