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有点不一样