跳转

src/permission.js

@@ -1,76 +1,115 @@
-import router from './router'
+import router from './router'
-import store from './store'
+import store from './store'
-import { Message } from 'element-ui'
+import {
-import NProgress from 'nprogress' // progress bar
+  Message
-import 'nprogress/nprogress.css' // progress bar style
+} from 'element-ui'
-import { getToken } from '@/utils/auth' // get token from cookie
+import { deepCopy } from '@/utils'
-import getPageTitle from '@/utils/get-page-title'
+import NProgress from 'nprogress' // progress bar
-
+import 'nprogress/nprogress.css' // progress bar style
-NProgress.configure({ showSpinner: false }) // NProgress Configuration
+import {
-
+  getToken
-const whiteList = ['/login'] // no redirect whitelist
+} from '@/utils/auth' // get token from cookie
-
+import getPageTitle from '@/utils/get-page-title'
-router.beforeEach(async(to, from, next) => {
+
-  // start progress bar
+NProgress.configure({
-  NProgress.start()
+  showSpinner: false
-
+}) // NProgress Configuration
-  // set page title
+
-  document.title = getPageTitle(to.meta.title)
+const whiteList = ['/login'] // no redirect whitelist
-
+
-  // determine whether the user has logged in
+router.beforeEach(async (to, from, next) => {
-  const hasToken = getToken()
+  // start progress bar
-
+  NProgress.start()
-  if (hasToken) {
+
-    if (to.path === '/login') {
+  // set page title
-      // if is logged in, redirect to the home page
+  document.title = getPageTitle(to.meta.title)
-      next({ path: '/' })
+
-      NProgress.done()
+  // determine whether the user has logged in
+  const hasToken = getToken()
+
+  console.log("hasToken", hasToken)
+  if (hasToken) {
+    if (to.path === '/login') {
+      // if is logged in, redirect to the home page
+
+      await store.dispatch('user/resetToken');
+      next(to.fullPath);
+
+      NProgress.done()
+    } else {
+      // determine whether the user has obtained his permission roles through getInfo
+      const hasRoles = store.getters.roles && store.getters.roles.length > 0
+      if (hasRoles) {
+        to.query.tourl ? next(to.query.tourl) : next()
+      } else {
+        try {
+          // get user info
+          // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
+          const {
+            roles
+          } = await store.dispatch('user/getInfo')
+
+          // generate accessible routes map based on roles
+          const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
+
+          // dynamically add accessible routes
+          router.addRoutes(accessRoutes)
+
+          // hack method to ensure that addRoutes is complete
+          // set the replace: true, so the navigation will not leave a history record
+          let resetTo = deepCopy(to)
+          resetTo.path = to.query.tourl || to.path
+          resetTo.replace = true
+          console.log(resetTo)
+          next(resetTo)
+        } catch (error) {
+          console.log(error)
+          // remove token and go to login page to re-login
+          await store.dispatch('user/resetToken')
+          Message.error(error || 'Has Error')
+          next(`/login?redirect=${to.path}`)
+          NProgress.done()
+        }
+      }
+    }
+  } else {
+    /* has no token*/
+
+    if (whiteList.indexOf(to.path) !== -1) {
+      // in the free login whitelist, go directly
+      next()
     } else {
-      // determine whether the user has obtained his permission roles through getInfo
+      console.log("to",to)
-      const hasRoles = store.getters.roles && store.getters.roles.length > 0
+      // other pages that do not have permission to access are redirected to the login page.
-      if (hasRoles) {
+      if (to.query.token && to.query.tp) {
-        next()
+        try {
-      } else {
+          await store.dispatch('user/loginskip', {
-        try {
+            token: to.query.token,
-          // get user info
+            tp: to.query.tp,
-          // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
+            loginId: to.query.loginId
-          const { roles } = await store.dispatch('user/getInfo')
+          })
-
+          console.log("to.path",to.path)
-          // generate accessible routes map based on roles
+          if(to.query.tourl){
-          const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
+            next(to.query.tourl || '/')
-
+          }else{
-          //console.log(accessRoutes)
+            next(to.path || '/')
-          // dynamically add accessible routes
+          }
-          router.addRoutes(accessRoutes)
+        } catch (e) {
-
+          console.log("/login",e)
-          // hack method to ensure that addRoutes is complete
+          next('/login')
-          // set the replace: true, so the navigation will not leave a history record
+        }
-          next({ ...to, replace: true })
+      } else {
-        } catch (error) {
+        // other pages that do not have permission to access are redirected to the login page.
-          console.log(error)
+        next(`/login?redirect=${to.path}`)
-          // remove token and go to login page to re-login
+        NProgress.done()
-          await store.dispatch('user/resetToken')
+      }
-          Message.error(error || 'Has Error')
+      // next(`/login?redirect=${to.path}`)
-          next(`/login?redirect=${to.path}`)
+      // NProgress.done()
-          NProgress.done()
+    }
-        }
+  }
-      }
+})
-    }
+
-  } else {
+router.afterEach(() => {
-    /* has no token*/
+  // finish progress bar
-
+  NProgress.done()
-    if (whiteList.indexOf(to.path) !== -1) {
-      // in the free login whitelist, go directly
-      next()
-    } else {
-      // other pages that do not have permission to access are redirected to the login page.
-      next(`/login?redirect=${to.path}`)
-      NProgress.done()
-    }
-  }
-})
-
-router.afterEach(() => {
-  // finish progress bar
-  NProgress.done()
 })