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   }],
原文地址:https://www.cnblogs.com/cheng10/p/15386548.html