提出问题

在 vue教程：路由案例 中，打开页面，不能默认显示 学生管理 或 教师管理，需要点击超链接才行，这是不完美的，如下图：

解决

添加一个 重定向 路由，如下：

{
    path: '/',
    redirect:'/student'
},

解释：当访问 / 时，重定向 到 /student 指定的组件

完整代码

修改 src/router/index.js 文件，内容如下：

//引入VueRouter
import VueRouter from 'vue-router'
//引入组件
import student from '../views/Student'
import teacher from '../views/Teacher'

//创建路由，并暴露
export default new VueRouter({
    routes : [
        {
            path: '/',redirect:'/student'
        },
        { 
            path: '/student', //路径
            component: student //组件
        },
        { 
            path: '/teacher', //路径
            component: teacher //组件
        }
    ]
})

测试

打开浏览器，输入网址：http://localhost:5173/ ，敲回车，会自动跳转到 http://localhost:5173/#/student

原文出处：/show_1IX2k5WhLn7a.html