vue动态设置路由重定向
Posted csji
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
})
以上是关于vue动态设置路由重定向的主要内容，如果未能解决你的问题，请参考以下文章