在Vue.js中，路由模式主要分为两种：hash模式和history模式。这两种模式的主要区别在于URL的格式和与后端服务器的交互方式。
Hash模式
URL结构：
- 使用
#符号作为锚点来定义路由。 - 示例：
http://example.com/#/home
特点：
#后面的部分不会发送到服务器，所以对服务器来说是无意义的。- 由于不依赖服务器配置，因此部署简单。
- 在浏览器历史记录中，每个路由都会创建一个记录，即使它们表示同一个URL。
- 搜索引擎优化（SEO）通常不如history模式好。
适用场景：
- 需要快速部署或迁移到SPA（单页应用）的场景。
- 对SEO要求不高的项目。
History模式
URL结构：
- 生成看起来更“正常”的URL，没有
#。 - 示例：
http://example.com/home
特点：
- 利用HTML5的History API（pushState和replaceState）。
- 需要服务器端支持，即服务器需要能够处理所有的URL请求，并将它们重定向到index.html。
- 更适合生产环境，因为URL更友好，有利于SEO。
- 浏览器的历史记录中，每个URL都会被正确记录。
适用场景：
- 需要更好的SEO优化或需要与传统的URL格式保持一致的项目。
- 需要服务器端渲染（SSR）或服务端配置重定向的项目。
对比
- URL格式：hash模式使用
#，而history模式使用正常的URL。 - 依赖后端：hash模式不依赖后端，而history模式需要后端支持。
- 浏览器历史记录：hash模式会创建多个历史记录，而history模式每个URL对应一个历史记录。
- SEO：history模式通常更友好，有利于SEO。
在Vue Router中，你可以通过设置mode属性来选择不同的路由模式：
const router = new VueRouter({mode: 'hash', // 或者 'history'routes: [...]
});根据你的项目需求和部署环境，选择合适的路由模式是很重要的。
