首页 > 其他 > 详细

vue动态设置路由重定向

时间:2020-06-24 16:00:01      阅读:455      评论:0      收藏:0      [点我收藏+]

需求为:项目分为业务系统和后台管理系统,重定向路由‘/’  在业务系统显示为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
})

vue动态设置路由重定向

原文:https://www.cnblogs.com/csji/p/13187668.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!