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   }],

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM