vue中hash和history到底用哪个

vue 路由模式选择标准：兼容性：hash 模式更兼容旧浏览器。刷新行为：hash 模式刷新不会重置路由状态。服务器配置：服务器需支持 html5 history api，否则使用 hash 模式。seo：history 模式更利于 seo。书签：history 模式书签正常，hash 模式书签可能失效。推荐：大多数情况下，history 模式更好，hash 模式为限制情况下的后备选项。

Vue 中 Hash 和 History，如何选择？

Vue.js 路由系统提供了两种模式：hash 模式和 history 模式。它们有不同的特点和适用场景，选择哪种模式取决于你的需求。

Hash 模式

• 使用 URL 哈希符号 (#) 来表示路由。例如：#home
• 不会修改浏览器历史记录。
• 刷新页面不会重置路由状态。
• 兼容性较好，支持所有浏览器。

History 模式

• 使用浏览器历史记录的 URL 来表示路由。例如：/home
• 会修改浏览器历史记录。
• 刷新页面会重置路由状态。
• 要求服务器支持 HTML5 History API。

选择标准

• 浏览器兼容性：如果你的应用程序需要在较旧的浏览器上工作，则使用 Hash 模式。
• 刷新行为：如果刷新页面时需要保持路由状态，则使用 Hash 模式。
• 服务器配置：如果服务器不支持 HTML5 History API，则使用 Hash 模式。
• SEO：History 模式对 SEO 更加友好，因为 URL 更干净。
• 书签：History 模式的书签可以正常工作，而 Hash 模式的书签可能会失效。

一般建议

• 对于大多数单页应用，History 模式是更好的选择，因为它提供了更好的用户体验和 SEO 优化。
• 当浏览器兼容性或服务器配置限制时，可以使用 Hash 模式作为后备选项。

以上就是vue中hash和history到底用哪个的详细内容，更多请关注叮当号网其它相关文章！