如何确保在ASP.NET Core框架下前后端分离开发时，必须掌握的关键知识点？

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

前言：使用Vue单页面应用程序开发的，一定都知道Vue-router这个路由组件，它支持hash和history两种模式。HTML5 History模式——vue-router默认hash模式——使用URL的hash来模拟完整的URL。

HTML5 History模式：vue-router默认hash模式——使用URL的hash来模拟完整的URL。

前言

用过Vue单页面应用开发的，一定都知道Vue-router这个路由组件，它支持hash和history两种模式。

HTML5 History 模式

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

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

const router = new VueRouter({ mode: 'history', routes: [...] })

当你使用 history 模式时，URL 就像正常的 url，例如yoursite.com/user/id，也好看！
不过这种模式要玩好，还需要后台配置支持。