学习资料

  1. vue实战项目：电商管理系统（element-ui）

学习笔记

一、登录

1. 路由守卫

  1. router.beforeEach((to, from, next) => {
  2.   const LOGIN_PATH = '/login';
  3.   const TOKEN_PARAM_NAME = 'token';
  5.   /** 
  6.    * 🔔🔔🔔 [重点] 
  7.    * 如果用户访问登录页，直接放行
  8.    * 404 也可以据此直接放行
  9.    */
  10.   if (to.path === LOGIN_PATH) { return next(); }
  12.   // 从 sessionStorage 中获取保存到的 token 值
  13.   const tokenStr = window.sessionStorage.getItem(TOKEN_PARAM_NAME);
  15.   // 无 token ，强制跳转登录页
  16.   if (!tokenStr) { return next(LOGIN_PATH); }
  18.   next();
  19. });