Vue Router 提供了三种路由模式（简述vue-router路由的作用）

Vue Router 提供了三种路由模式：hash 模式、history 模式和 memory 模式。其中，history 模式是 Vue Router 的默认模式，它最接近于传统的 Web 应用的路由方式，并且具有以下优势：

更美观、更干净的 URL: history 模式的 URL 不会包含 hash 符号 (#)，更加简洁美观，更符合 SEO 优化。

支持浏览器历史记录: history 模式可以利用浏览器历史记录 API，使应用程序能够像传统 Web 应用一样支持后退和前进操作。

更易于与服务器端应用配合: history 模式可以与服务器端路由进行更无缝的整合，例如使用 Nginx 或 Apache 的重写规则来实现无刷新页面跳转。

History 模式的实现原理

History 模式是通过 HTML5 的 History API 实现的。History API 提供了 pushState() 和 replaceState() 两个方法，可以用来修改浏览器的历史记录状态，而无需重新加载页面。

Vue Router 在 history 模式下会监听浏览器的历史记录变化，并根据变化来更新当前路由。例如，当用户点击一个链接时，Vue Router 会调用 pushState() 方法来修改历史记录状态，并将新的路由信息存储到历史记录中。

History 模式的注意事项

使用 history 模式时，需要注意以下几点：

需要服务器端配合: 在 history 模式下，服务器需要正确处理所有路由请求，并返回相应的 HTML 页面。否则，可能会导致页面无法正常加载。

需要正确配置路由: 在 Vue Router 中，需要正确配置路由规则，以确保每个路由都能够映射到正确的服务器端页面。

不支持所有浏览器: history 模式需要浏览器支持 HTML5 的 History API。对于不支持的浏览器，Vue Router 会自动降级到 hash 模式。

如何使用 History 模式

要使用 history 模式，需要在创建 Vue Router 实例时指定 mode 选项为 "history"：

JavaScript

const router = new VueRouter({

mode: 'history',

routes: [

{ path: '/', component: Home },

{ path: '/about', component: About },

]

})