最近一段时间在高强度全栈编码,真的是体会到什么是全干工程师了,都没时间写博客了
还是每天腾出一点小时间来编码记录一下吧,前端这块我也只是个小白入门,主要是做后端,所以前端会记录多一点,熟悉一下
记录一下路由守卫,只有登陆了才能跳转后台,差不多这么个需求,但是现在做的还很简单,等后续优化吧,前端写得少哈不明白在那些场景下最佳实践怎么写,都是自己的思路
js// 路由守卫
router.beforeEach((to, from, next) => {
const u_token = localStorage.getItem('u_token');
// 如果目标路由是 '/login' 并且 u_token 存在
if (to.path === '/login' && u_token) {
ElMessage.info('您已经登录,无需重复登录');
next('/index'); // 跳转到 '/index'
}
// 如果目标路由不是 '/login' 并且 u_token 不存在
else if (to.path !== '/login' && !u_token) {
ElMessage.warning('请先登录');
next('/login'); // 重定向到 '/login'
}
// 其他情况正常跳转
else {
next();
}
});
本文作者:yowayimono
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!