实现首页路由的重定向效果

最新推荐文章于 2024-01-31 08:42:58 发布

Tawnyi

最新推荐文章于 2024-01-31 08:42:58 发布

阅读量791

点赞数

文章标签： Vue Vue Router 重定向组件路由配置

本文链接：https://blog.csdn.net/weixin_60771648/article/details/124202775

版权

① 新建一个 Welcome.vue

② 在 router 中进行导入

使用 redirect 进行重定向

import Welcome from '@/components/Welcome'

Vue.use(VueRouter)

const routes = [
  {path: '/',redirect:'/login'},
  {path:'/login',component:Login},
  {path:'/home',
    component:Home,
    redirect: '/weclome',
    children: [
      { path: '/weclome', component:Welcome }
    ]},
]

const router = new VueRouter({
  routes
})