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
})
posted @   是大壳子啊  阅读(3812)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示