如何做权限

124 阅读1分钟
import router from '@/router';

import { useUserStore } from '@/store';



// 搭建骨架,书写路由权限

// 有些页面必须登录过后才能访问,没有登录 强行跳转回登录页面

router.beforeEach((to: any, from: any) => {

  console.log(to);

  const store = useUserStore();
  

  // if (store.token) {

  //   // 如果登录有,去任何页面直接放行

  //   return true; // 等价于之前vue-router 3.x的 next()

  // } else {

  //   // 如果没有登录,那么要分情况,不然就会死循环, 栈溢出

  //   // return '/login' 如果只写这一行就会死循环

  //   if (to.path === '/login') {

  //     return true; // next()

  //   } else {

  //     return '/login'; //next('/login')

  //   }

  // }



  // 合理的使用reutrn 代替else 语句,精简代码

  if (store.token) {

    // 如果登录有,去任何页面直接放行

    return true; // 等价于之前vue-router 3.x的 next()

  }

  if (to.path === '/login') {

    return true; // next()

  }

  return '/login'; //next('/login')

});



```
```