编辑
2024-10-10
前端
00
请注意,本文编写于 212 天前,最后修改于 211 天前,其中某些信息可能已经过时。

最近一段时间在高强度全栈编码,真的是体会到什么是全干工程师了,都没时间写博客了

还是每天腾出一点小时间来编码记录一下吧,前端这块我也只是个小白入门,主要是做后端,所以前端会记录多一点,熟悉一下

记录一下路由守卫,只有登陆了才能跳转后台,差不多这么个需求,但是现在做的还很简单,等后续优化吧,前端写得少哈不明白在那些场景下最佳实践怎么写,都是自己的思路

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 许可协议。转载请注明出处!