【Vue】vue-router中的history和hash

vue-router提供了两个url模式,一种是hash,另一种是HTML5新增的history,在vue-router中可以通过mode: "history"或者mode: "hash"设置,默认为hash模式。

1.history

  • 请求的url中不会有#
  • 利用了HTML5 History Interface新增的pushState()replaceState() 方法
  • 前端url需要与后端url一致,否则将返回404
  • 刷新也会请求服务器

2.hash

  • 请求的url中带有#
  • 刷新等操作不会请求服务器

总结:如果我们需要美观,我们应该使用history,不过这需要后台服务器的配合

猜你喜欢

转载自blog.csdn.net/jzq950522/article/details/88537080
今日推荐