Vue Router 可以使用两种模式:哈希模式(hash mode) 和 历史模式(history mode)。
-
哈希模式(hash mode):
在哈希模式下,URL 中会有一个#
符号,后面跟着路由路径。这种模式下,路由的改变不会导致页面的整体刷新,而是通过监听 URL 的变化来实现路由的切换。这种模式在老版本的浏览器中也能良好地支持,因为它不会触发完整的页面刷新,只改变 URL 的哈希部分。示例 URL:
http://example.com/#/about
-
历史模式(history mode):
历史模式使用 HTML5 的 History API 来管理路由,可以让 URL 更加清晰,没有#
符号,看起来更像是传统的 URL 格式。但这种模式需要服务器的支持,在没有正确配置的情况下,刷新页面或直接访问某个 URL 会导致 404 错误。为了避免这种情况,需要在服务器端配置,以确保所有路由的请求都指向 Vue 应用的入口文件。示例 URL:
http://example.com/about
要选择使用哪种模式,需要根据你的应用需求以及支持的浏览器和服务器情况来决定。
Was this helpful?
0 / 0