vue后台管理系统项目注意事项(二)------router.js
程序员文章站
2024-01-03 15:44:16
...
注意事项---(需要修改原文件)
const router = new Router({
routes:[]
})
export default router
挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
if (to.path === '/login') return next()
// 获取token
const tokenStr = window.sessionStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})
推荐阅读
-
vue后台管理系统项目注意事项(二)------router.js
-
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
-
在吗?手把手教vue-cli4+elementUI搭建通用后台管理系统---(二)vue-i18n中英文切换
-
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之文件上传(十)
-
Vue速成--项目实战(后台管理系统)
-
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
-
React_DvaJS构建后台管理系统(二)项目结构调整
-
在吗?手把手教vue-cli4+elementUI搭建通用后台管理系统---(二)vue-i18n中英文切换
-
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之文件上传(十)