import router from '@/router';
import { useUserStore } from '@/store';
// 搭建骨架,书写路由权限
// 有些页面必须登录过后才能访问,没有登录 强行跳转回登录页面
router.beforeEach((to: any, from: any) => {
console.log(to);
const store = useUserStore();
// if (store.token) {
// // 如果登录有,去任何页面直接放行
// return true; // 等价于之前vue-router 3.x的 next()
// } else {
// // 如果没有登录,那么要分情况,不然就会死循环, 栈溢出
// // return '/login' 如果只写这一行就会死循环
// if (to.path === '/login') {
// return true; // next()
// } else {
// return '/login'; //next('/login')
// }
// }
// 合理的使用reutrn 代替else 语句,精简代码
if (store.token) {
// 如果登录有,去任何页面直接放行
return true; // 等价于之前vue-router 3.x的 next()
}
if (to.path === '/login') {
return true; // next()
}
return '/login'; //next('/login')
});
```
```