vue设置默认路由问题

Question

问题：如下路由，如果进入123.com，显示的是/home页面，但是/home的active-class不会显示.
输入网址123.com如何默认跳到123.com/#/home？或者在123.com/#/让home样式显示？

  routes: [
    {
      path: '/',
      name: 'home',
      component: home
    },
    {
      path: '/home',
      name: 'home',
      component: home
    },
    {
      path: '/news',
      name: 'news',
      component: news
    }
  ]

Answer 1

你可以做路由的重定向/home链接描述

Answer 2

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

//xxxx

Answer 3

把/home去掉啊... 第一个路由不是引用了home组件了吗..

Answer 4

看你这么描述的，我猜你应该通过点击事件做的active处理，所以在你输入url的时候这个方式肯定不会生效。

像这样可以采取路由钩子去解决，比如beforeRouteEnter, 在进入路由之后去处理后续事情。

建议参考下官方文档：
https://router.vuejs.org/zh-cn/advanced/navigation-guards.html

Answer 5

重定向确实可以解决

Answer 6

用push指定跳转至/home不就行了

Answer 7

使用默认路径
import Vue from 'vue'
import Router from 'vue-router'
import MyHome from '../views/myHome'

Vue.use(Router)

export default new Router({
routes: [{
path: '/',
redirect: '/myhome',//设置默认指向的路径
name: '主页'
}, {
path: '/myhome',//设置默认指向的路径指向的是下面的MyHome组件
component: MyHome,
name: 'MyHome'
}]
})