修改 router 驗證方式

resources/js/src/layouts/components/Navbar.vue

@@ -95,6 +95,7 @@ export default {
       useJwt.logout()
         // eslint-disable-next-line no-unused-vars
         .then(res => {
+          localStorage.clear()
           this.$router.push({ path: '/login' })
         })
     },

resources/js/src/router/index.js

@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 
+import { isUserLoggedIn } from '../auth/utils'
+
 Vue.use(VueRouter)
 
 const router = new VueRouter({
@@ -76,10 +78,7 @@ const router = new VueRouter({
 })
 
 router.beforeEach((to, from, next) => {
-  if (to.path === '/login' || to.path === '/error-404' || localStorage.getItem('accessToken') != null) {
-    if (to.path === '/login') {
-      localStorage.clear()
-    }
+  if (to.path === '/login' || to.path === '/error-404' || isUserLoggedIn()) {
     next()
   } else {
     next({ path: '/login', query: { redirect: to.fullPath } })

routes/api.php

@@ -37,7 +37,7 @@ Route::post('/login', function (Request $request) {
     }
 
     return [
-        'token' => $user->createToken('login')->plainTextToken,
+        'token' => $user->createToken('login', ['Visitor'])->plainTextToken,
         'userData' => json_encode($user),
     ];
 });