|
@@ -1,46 +1,51 @@
|
|
|
-import router from './router'
|
|
|
-import store from './store'
|
|
|
-import NProgress from 'nprogress' // Progress 进度条
|
|
|
-import 'nprogress/nprogress.css'// Progress 进度条样式
|
|
|
-import { Message } from 'element-ui'
|
|
|
-import { getToken } from '@/utils/auth' // 验权
|
|
|
+import router from "./router";
|
|
|
+import store from "./store";
|
|
|
+import NProgress from "nprogress"; // Progress 进度条
|
|
|
+import "nprogress/nprogress.css"; // Progress 进度条样式
|
|
|
+import { Message } from "element-ui";
|
|
|
+import { getToken } from "@/utils/auth"; // 验权
|
|
|
|
|
|
-const whiteList = ['/login'] // 不重定向白名单
|
|
|
+const whiteList = ["/login"]; // 不重定向白名单
|
|
|
router.beforeEach((to, from, next) => {
|
|
|
- NProgress.start()
|
|
|
+ NProgress.start();
|
|
|
if (getToken()) {
|
|
|
- if (to.path === '/login') {
|
|
|
- next({ path: '/' })
|
|
|
- NProgress.done() // 如果当前页面是 dashboard 后不会触发 AfterEach 钩子,所以手动处理
|
|
|
+ if (to.path === "/login") {
|
|
|
+ next({ path: "/" });
|
|
|
+ NProgress.done(); // if current page is dashboard will not trigger afterEach hook, so manually handle it
|
|
|
} else {
|
|
|
if (store.getters.roles.length === 0) {
|
|
|
- store.dispatch('GetInfo').then(res => { // 拉取用户信息
|
|
|
- let menus=res.data.menus;
|
|
|
- let username=res.data.username;
|
|
|
- store.dispatch('GenerateRoutes', { menus,username }).then(() => { // 生成可访问的路由表
|
|
|
- router.addRoutes(store.getters.addRouters); // 动态添加可访问路由表
|
|
|
- next({ ...to, replace: true })
|
|
|
+ store
|
|
|
+ .dispatch("GetInfo")
|
|
|
+ .then((res) => {
|
|
|
+ // 拉取用户信息
|
|
|
+ let menus = res.data.menus;
|
|
|
+ let username = res.data.username;
|
|
|
+ store.dispatch("GenerateRoutes", { menus, username }).then(() => {
|
|
|
+ // 生成可访问的路由表
|
|
|
+ router.addRoutes(store.getters.addRouters); // 动态添加可访问路由表
|
|
|
+ next({ ...to, replace: true });
|
|
|
+ });
|
|
|
})
|
|
|
- }).catch((err) => {
|
|
|
- store.dispatch('FedLogOut').then(() => {
|
|
|
- Message.error(err || 'Verification failed, please login again')
|
|
|
- next({ path: '/' })
|
|
|
- })
|
|
|
- })
|
|
|
+ .catch((err) => {
|
|
|
+ store.dispatch("FedLogOut").then(() => {
|
|
|
+ Message.error(err || "Verification failed, please login again");
|
|
|
+ next({ path: "/" });
|
|
|
+ });
|
|
|
+ });
|
|
|
} else {
|
|
|
- next()
|
|
|
+ next();
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
if (whiteList.indexOf(to.path) !== -1) {
|
|
|
- next()
|
|
|
+ next();
|
|
|
} else {
|
|
|
- next('/login')
|
|
|
- NProgress.done()
|
|
|
+ next("/login");
|
|
|
+ NProgress.done();
|
|
|
}
|
|
|
}
|
|
|
-})
|
|
|
+});
|
|
|
|
|
|
router.afterEach(() => {
|
|
|
- NProgress.done() // 结束Progress
|
|
|
-})
|
|
|
+ NProgress.done(); // 结束Progress
|
|
|
+});
|