vue動態設置路由重定向


需求為:項目分為業務系統和后台管理系統,重定向路由‘/’  在業務系統顯示為homepage,在后台管理系統首頁顯示為

dashboard;
實現 在router.js:
import Vue from 'vue'
import Router from 'vue-router'
import Layout from '../layout/index'
import store from '@/store'
Vue.use(Router)
export const constantRouterMap =[
  //重定向
  {
    path: '/',
    redirect: to=>{
      console.log('重定向了')
      console.log(store.state.user.user.roleType)
      if(store.state.user.user.roleType=='service'){
        //業務系統
        return '/homePage'
      }else{
        return '/dashboard'
      }
    },
  },
]

export default new Router({
  mode: 'hash',
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM