1. 程式人生 > 其它 >VUE不同使用者登入後跳轉到不同頁面

VUE不同使用者登入後跳轉到不同頁面

import router from './router'
import store from './store'
import { Alert, Loading, Message, MessageBox } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'


NProgress.configure({ showSpinner: 
false }) // NProgress Configuration const whiteList = ['/login'] // no redirect whitelist router.beforeEach(async (to, from, next) => { // start progress bar NProgress.start() // set page title document.title = getPageTitle(to.meta.title) // determine whether the user has logged in const hasToken = getToken()
if (hasToken) { if (to.path === '/login') { // if is logged in, redirect to the home page next({ path: '/' }) NProgress.done() } else { // 獲取使用者資訊,選單許可權 const hasMenu = store.getters.menus && store.getters.menus.length > 0 if (hasMenu) { console.log(from.path, to.path, store.state.user.name)
if (store.state.user.name == "操作員" && from.path == "/login" && to.path != "/mes_check") { router.push({ path: '/mes_check' }) } else if (store.state.user.name == "質檢員" && from.path == "/login" && to.path != "/config_device") { router.push({ path: '/config_device' }) } else if (store.state.user.name == "管理員" && from.path == "/login" && to.path != "/config_device") { router.push({ path: '/config_device' }) } next() } else { try { const { menus } = await store.dispatch('user/getInfo') const accessRoutes = await store.dispatch('permission/generateRoutes', menus) router.addRoutes(accessRoutes) next({ ...to, replace: true }) } catch (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 { // 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() })

記錄備忘。