Vue Router 可以使用两种模式:哈希模式(hash mode)历史模式(history mode)

  1. 哈希模式(hash mode)
    在哈希模式下,URL 中会有一个 # 符号,后面跟着路由路径。这种模式下,路由的改变不会导致页面的整体刷新,而是通过监听 URL 的变化来实现路由的切换。这种模式在老版本的浏览器中也能良好地支持,因为它不会触发完整的页面刷新,只改变 URL 的哈希部分。

    示例 URL:http://example.com/#/about

  2. 历史模式(history mode)
    历史模式使用 HTML5 的 History API 来管理路由,可以让 URL 更加清晰,没有 # 符号,看起来更像是传统的 URL 格式。但这种模式需要服务器的支持,在没有正确配置的情况下,刷新页面或直接访问某个 URL 会导致 404 错误。为了避免这种情况,需要在服务器端配置,以确保所有路由的请求都指向 Vue 应用的入口文件。

    示例 URL:http://example.com/about

要选择使用哪种模式,需要根据你的应用需求以及支持的浏览器和服务器情况来决定。

Was this helpful?

0 / 0

发表回复 0

Your email address will not be published.