express结合vue-router使用history模式时，如何避免常见坑点？

本文共计3358个文字，预计阅读时间需要14分钟。

Vue-router 默认使用 hash 模式 —— 利用 URL 的 hash 来模拟完整的 URL。当 URL 变化时，页面不会重新加载。若想避免复杂的 hash，可以使用路由的 history 模式，这种模式充分利用了 HTML5 的 History API。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

当你使用 history 模式时，URL 就像正常的 url，例如yoursite.com/user/id，也好看…

个人理解

上面是官方的解释，文档的一贯风格，只给懂的人看。两年前我比现在还菜的时候，看了这段话表示他在说个锤子，直接跳过了。

我不讲:hammer:，直接举:chestnut:

一般的我们把项目放到服务器上，路由都是在服务器中设置的。

比如网站www.text.com/ 中 admin目录下有一个login.html 的页面。