nuxt全局挂载导航路由守卫

  • plugins下新增route.js

 1 /* 挂载导航路由守卫 */
 2 export default ({
 3   app
 4 })=>{
 5       // to 将访问的路径
 6       // from 代表从那个路径跳转而来
 7       // next 是一个函数,表示放行 next('/login') 强制跳转
 8   app.router.beforeEach((to, from, next) => {
 9     if(to.path === '/login') return next();
10       //获取token
11       const tokenStr = window?.sessionStorage.getItem('token')
12       if(!tokenStr) return next('/login')
13       next()
14   })
15 }

 

  • nuxt.config.js 中添加路径

1 plugins: [{
2     src: '~/plugins/element',
3   }, {
4     src: '~/plugins/route',
5     ssr: false,
6   }],

 

posted @ 2021-10-09 16:49  橙子皮!  阅读(394)  评论(0编辑  收藏  举报