Vue-router笔记：访问根路由重定向至首页，修改默认路由值为history模式

Green8y0

于 2021-04-01 18:55:20 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/init_8y0/article/details/115381006

本文是关于Vue-router的笔记，详细介绍了如何在访问根路由时重定向到首页，并将默认路由模式改为history模式。通过在router/index.js中配置redirect属性，在main.js中导入组件并修改VueRouter的mode属性实现这一目标。

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

前言

Vue-router笔记：访问根路由重定向至首页，修改默认路由值为history模式

一、新建组件

1.首页组件Home.vue

<template>
  <div>
    <h2>首页组件</h2>
  </div>
</template>

<script>
  export default {
    
    
    name: "Home"
  }
</script>

<style scoped>
</style>

2.关于组件About.vue

<template>
  <div

最低0.47元/天解锁文章

200万优质内容无限畅学