发现问题

最近，当我打开项目时，我发现我的默认路由没有加载linkActiveClass。

在网上搜索了一下，发现很多同学也有这个问题。查了一些资料，发现这是重定向问题。官网文档写道：https://router . vuejs . org/zh-cn/essentials/redirect-and-alias . html。

再直接的

重定向也是通过路由配置完成的。以下示例是从/a到/b的重定向：

Constrouter=newvue路由器({route: [{path:'/a '，redirect3360'/b'}])重定向的目标也可以是命名路由：

constraint out=new vuerouter({ route :[{ path : '/a '，redirect3360 {name3360' foo'}}])甚至是动态返回重定向目标的方法：

constraout=new vuerouter({ route :[{ path : '/a '，redirect 3360 to={//方法接收目标路由作为参数//返回重定向的字符串路径/路径对象}}))我的代码是这样的：

const router=new VueRouter({ linkactiveclass : ' list-active '，routes:[{ path:'/'，component:user}，{ path:'/user }，component:user}，{ path : '/战船'，component:战船}]})虽然加载了子路由，但它的默认类并不跟随，然后添加了redirect:'/user '，并对其进行了修改

修改后：

const router=new VueRouter({ linkactiveclass : ' list-active '，routes:[{ path:'/'，redirect:'/user '，component:user}，{path:'/user '，component:user}，{ path:'/战舰'，component:战舰})完美解决了默认路由类未加载的问题。

这种重定向只是一个自定义的路由指针，与在js中修改引用地址是一样的。虽然表面上是根目录，实际上是指其他路由接口。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。