vue怎么设置初始页面

在 Vue.js 中，可以通过修改路由配置来设置初始页面。以下是一种常见的方法：

1. 在路由配置文件（通常是 src/router/index.js）中，找到 routes 数组。
2. 找到你想要设置为初始页面的路由对象。
3. 在该路由对象中，添加一个 meta 属性，并在该属性中设置一个 default 字段，值为 true。例如：

{
  path: '/home',
  name: 'Home',
  component: Home,
  meta: {
    default: true
  }
}

4. 在同一个路由配置文件中，找到 router 对象的 beforeEach 方法。
5. 在该方法中，添加以下代码：

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.default)) {
    // 如果目标路由是初始页面，则重定向到该路由
    next({
      name: 'Home'
    })
  } else {
    // 否则，继续正常导航
    next()
  }
})

随后，当用户访问没有明确指定的路由时，将会自动重定向到初始页面（在上面的例子中就是 Home 组件）