下载命令npm i vue-router@next axios
创建一个router/index.ts页面
import { createRouter, createWebHashHistory,RouteRecordRaw} from "vue-router";
import home from "../views/Home/home.vue";
const routes: Array<RouteRecordRaw> = [
{
path: '/',
component: home,
meta: {
title: '首页'
},
},
{
path: '/about',
name: 'About',
meta: {
title: '关于我们'
},
component: () => import('../views/About/about.vue')
},
]
const router = createRouter({
history: createWebHashHistory(),
routes,
scrollBehavior(to, from, savedPosition) {
// 始终滚动到顶部
return { top: 0 }
},
})
// router.beforeEach((to,from,next)=>{
// if(to.meta.title){
// document.title=to.meta.title
// next()
// }
// })
export default router
//判断是否登录
router.beforeEach((to, from, next) => {
const token = sessionStorage.getItem("token");
if (to.path != '/login') {
if (!token) {
next('/login')
} else {
next()
}
} else {
next()
}
})