router-默认配置

今天学习了没_

于 2021-07-06 11:23:56 发布

阅读量283

点赞数

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_44756893/article/details/118516745

版权

本文介绍了如何在Vue项目中配置Router，确保默认访问网站时渲染首页，并切换到历史模式。通过设置空路径`path:''`重定向至`/home`，并添加`mode:'history'`来改变URL的显示方式，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

router-默认配置

在默认的情况下，进入网站的首页，希望渲染首页的内容，
此时需要多配置一个路由映射。

const routes =[
  {
    //重定向  多配置的一个路由映射
    path:'',
    redirect:'/home'
  },
  {
    path:'/home',
    component:Home
  },
  {
    path:'/about',
    component:About
  }
]

改变网页hash模式

在index文件中，Router实例中，添加mode

export default new Router({
  routes,
  mode:'history'
})