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
总结:如果我们需要美观,我们应该使用history,不过这需要后台服务器的配合