vue-router如何修改默认路径。

Question

我练习用的博客项目首页内容部分左边是个列表，右边是热门话题栏，想着点击列表中的某一项后就进入对应的详情页，由于详情页跟列表页右侧部分是一样的，所以我就弄了个<router-view>来负责列表组件和详情组件的切换，路由是这么写的：
const routes = [

{    path: '/',
    component: home,
    children: [
        {path: '', component: list},
        {path: 'detail', component: detail}
    ]
 }

然后当路由向/detail跳转时，就自动向/跳转了（去不了详情页），请问是否能够修改路由的默认路径或者有无其他的实现方式呢？

Answer 1

可以使用重定向。使用重定向：{&nbsp;&nbsp;&nbsp;&nbsp;path:&nbsp;'/', &nbsp;&nbsp;&nbsp;&nbsp;component:&nbsp;home, &nbsp;&nbsp;&nbsp;&nbsp;redirect:&nbsp;'/list' &nbsp;&nbsp;&nbsp;&nbsp;children:&nbsp;[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{path:&nbsp;'list',&nbsp;component:&nbsp;list}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{path:&nbsp;'detail',&nbsp;component:&nbsp;detail} &nbsp;&nbsp;&nbsp;&nbsp;] &nbsp;}