vue路由模式

vue的路由模式有哪几种？我们一起了解一下吧！

在vue-router路由对象中，路由有两种模式hash和history，默认的是hash模式。

hash路由模式hash模式的工作原理是hashchange事件，可以在window监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。

history路由模式把window.history对象打印出来可以看到里边提供的方法和记录长度。

使用场景

一般场景下，hash 和 history 都可以，除非你更在意颜值，# 符号夹杂在 URL 里看起来确实有些不太美丽。

如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成URL 跳转而无须重新加载页面。

两种模式对比

hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://.abc.，对于后端来说，即使没有做到对路由的全覆盖，也不会返回 404 错误。

history 模式下，前端的URL必须和实际向后端发起请求的 URL一致，如http://.abc./book/id。如果后端缺少对 /book/id 的路由处理，将返回 404错误。

关于vue的路由模式，我们就了解到这啦！