在Vue框架搭建的项目中,前端路由主要指的是基于HTML5的history模式或hash模式来实现在不刷新页面的情况下进行页面之间的跳转。这是单页应用(SPA, Single Page Application)中的一个核心概念。
具体来说,前端路由允许我们在不重新加载整个页面的情况下,改变页面的内容。它主要依赖于浏览器的两种机制:URL的hash(#后面部分)和HTML5的history API。
-  Hash模式: - URL中的hash(#后面部分)是不会被发送到服务器的,这意味着你不需要服务器配置即可使用。
- 当URL的hash部分发生变化时,页面不会重新加载,但会触发一个hashchange事件。Vue Router等前端路由库可以监听这个事件,并根据hash值的变化来加载和渲染对应的组件。
- 缺点是URL中有一个明显的“#”,可能看起来不够美观。
 
-  History模式: - 利用HTML5的history API(history.pushState()、history.replaceState()以及window.onpopstate事件)来实现无刷新跳转。
- 这种模式允许我们创建看起来像常规URL的路径,而不需要“#”。
- 但它需要服务器配置来支持,因为当用户直接访问或刷新一个前端路由的URL时,服务器需要返回正确的单页应用入口文件(通常是index.html)。
- 使用history模式时,URL更美观,且与传统的多页应用URL结构更为相似。
 
- 利用HTML5的history API(
在Vue项目中,Vue Router是官方推荐的路由库,它支持上述两种路由模式,并提供了丰富的API和功能来帮助开发者轻松地管理前端路由。