Vue08/Vue 路由重定向、Vue路由404页面、Vue路由hash history

一. Vue 路由重定向

 {

path: ' / ',

redirect: ' /路径名 ' 

}

作用: 为了防止用户乱输文件名，当用户输入与系统无关路径会跳转到指定的页面

介绍: 路由重定向指的是用户访问地址A的时候 强制跳转到地址D 从而展示特定的组件页面 通过路由规则的 redirect 属性 指定一个新的路由地址 可以很方便设置路由的重定向

说明: path: ' / ', 默认hash值路径

二.Vue路由404页面

  {
    path: " * ",
    component: 404组件名
  }

作用: 避免用户在浏览器网址路径中输入不存在的文件名 给予用户404提示

三.Vue路由hash history

main.js文件

const router = new VueRouter({
  routes,
  mode: "history"
})

示列:

http://127.0.0.1/#/home   //hash路由

http://127.0.0.1/home      //history路由

说明:

1.在创建的 router 对象中，如果不配置 mode，就会使用默认的 hash 模式，该模式下会将路径格式化为 #  开头

2.添加 mode: ‘history’ 之后将使用 HTML5 history 模式，该模式下没有 # 前缀，而且可以使用 pushState 和 replaceState 来管理记录