VUE3带有登录token验证的登录重定向

import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'
import HomeView from '../views/puzzleGame.vue'
import DrummingFlowersView from '../views/DrummingFlowersView.vue'
import AuctionsView from "../views/AuctionsView.vue";
import Slots from '../views/slots/Slots.vue'
import SlotOne from '../views/slots/slotOne.vue'
import SlotTwo from '../views/slots/slotTwo.vue'
import Index from '../views/index.vue'
import Login from '../views/login.vue'

const routes = [
  {
    path: '/login',
    name: 'login',
    component: Login
  },
  {
    path: '/',
    name: 'index',
    component: Index
  },
  // 拼图
  {
    path: '/puzzleGame',
    name: 'HomeView',
    component: HomeView
  },
   {
     path: "/DrummingFlowersView",
     name: 'DrummingFlowersView',
     component:DrummingFlowersView
  }, {
     path: "/AuctionsView",
     name: "AuctionsView",
     component:AuctionsView
  },
  // 第二版老虎机页面Slots
  {
    path: '/slots',
    name: 'Slots',
    component: Slots,
  },
  //第三版老虎机两个页面
  {
    path: '/slotOne',
    name: 'SlotOne',
    component: SlotOne,
  },
  {
    path: '/slotTwo',
    name: 'SlotTwo',
    component: SlotTwo,
  },
]

const router = createRouter({
  //  history: createWebHistory(process.env.BASE_URL),
  history: createWebHistory(),
  base:'./',
  routes
})

const whiteList = ['/login']
router.beforeEach((to, from, next) => {
  if (sessionStorage.getItem('Token')) {
    if (to.path === '/login') {
      next('/')
    } else {
      next()
    }
  } else {
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
})
export default router

自用留一下写法，和VUE2有点不一样