要设置初始页面的路由,可以在路由配置文件中添加一个默认路由。以下是一个示例:

import Vue from 'vue'
import VueRouter from 'vue-router'

// 导入组件
import Home from './components/Home.vue'
import About from './components/About.vue'

Vue.use(VueRouter)

// 定义路由
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

// 创建 router 实例
const router = new VueRouter({
  routes
})

// 设置默认路由
router.replace('/')

// 创建 Vue 实例
new Vue({
  router
}).$mount('#app')

在上面的示例中,我们通过 router.replace('/') 设置了默认路由为根路径 '/',这样在应用初始加载时就会自动跳转到根路径对应的组件(在这个示例中是 Home 组件)。

注意:这里使用的是 router.replace('/'),而不是 router.push('/')router.replace('/') 是将默认路由替换到当前路由历史记录中,而 router.push('/') 是将默认路由添加到路由历史记录中,在浏览器的后退操作时会回到上一个路由

vue怎么设置初始页面的路由

原文地址: https://www.cveoy.top/t/topic/ic7F 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录