add easy-mock

src/main.js

@@ -15,47 +15,41 @@ Vue.config.productionTip = false
 
 Vue.use(ElementUI);
 
-router.afterEach(() => {
-  NProgress.done(); // 结束Progress
+
+const whiteList = ['/login'];// 不重定向白名单
+router.beforeEach((to, from, next) => {
+  NProgress.start(); // 开启Progress
+  if (store.getters.token) { // 判断是否有token
+    if (to.path === '/login') {
+      next({ path: '/' });
+    } else {
+      if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
+        store.dispatch('GetInfo').then(res => { // 拉取user_info
+          const roles = res.data.role;
+          store.dispatch('GenerateRoutes', { roles }).then(() => { // 生成可访问的路由表
+            router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
+            next(to.path); // hack方法 确保addRoutes已完成
+          })
+        }).catch(err => {
+          console.log(err);
+        });
+      } else {
+        next();
+      }
+    }
+  } else {
+    if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
+      next()
+    } else {
+      next('/login'); // 否则全部重定向到登录页
+      NProgress.done();
+    }
+  }
 });
 
-
-// const whiteList = ['/login', '/authredirect', '/reset', '/sendpwd'];// 不重定向白名单
-// router.beforeEach((to, from, next) => {
-//   NProgress.start(); // 开启Progress
-//   if (store.getters.token) { // 判断是否有token
-//     if (to.path === '/login') {
-//       next({ path: '/' });
-//     } else {
-//       if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
-//         store.dispatch('GetInfo').then(res => { // 拉取user_info
-//           const roles = res.data.role;
-//           store.dispatch('GenerateRoutes', { roles }).then(() => { // 生成可访问的路由表
-//             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
-//             next(to.path); // hack方法 确保addRoutes已完成
-//           })
-//         }).catch(err => {
-//           console.log(err);
-//         });
-//       } else {
-//         // 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
-//         if (hasPermission(store.getters.roles, to.meta.role)) {
-//           next();//
-//         } else {
-//           next({ path: '/401', query: { noGoBack: true } });
-//         }
-//         // 可删 ↑
-//       }
-//     }
-//   } else {
-//     if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
-//       next()
-//     } else {
-//       next('/login'); // 否则全部重定向到登录页
-//       NProgress.done(); // 在hash模式下 改变手动改变hash 重定向回来 不会触发afterEach 暂时hack方案 ps：history模式下无问题，可删除该行！
-//     }
-//   }
-// });
+router.afterEach(() => {
+  NProgress.done();
+});
 
 new Vue({
   el: '#app',