Vue中前端路由和vue-router两种模式有何区别？

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

前言：路径这个概念最早在前后端分离的架构中出现在后端。随着前后端分离，后端仅负责数据处理和业务逻辑，前端负责界面展示和交互。路径也随之分离，从前端直接映射到后端服务。

内容：随着互联网的发展，前端应用逐渐从简单的静态页面演变为复杂的多页面应用。在这一过程中，路径概念也得到了发展和演变。

1. 后端路径后端路径最早出现在传统的B/S架构中。在早期，前端仅负责页面展示，后端负责处理数据，路径主要是后端的URL路径。前端通过请求后端的路径来获取数据或触发后端的服务。

2. 前后端分离后的路径随着前后端分离架构的流行，前后端职责逐渐清晰。路径在前后端分离的应用中分为前端路径和后端路径：- 前端路径：指的是前端路由中的路径，如Vue Router中的路由路径。- 后端路径：指的是后端服务的API接口路径。

3. 单页面应用（SPA）中的路径单页面应用的出现，使得前端应用中的路径从多页面跳转转变为单页面内部跳转。虽然用户看到的URL会发生变化，但实际上页面内容并未发生实质性的跳转，而是通过JavaScript动态加载内容来实现。这要求前后端的路径保持一致，以避免用户在URL输入错误时导致404错误。

4. 路径变化的总结- 路径在后端出现最早，是传统B/S架构的重要组成部分。- 随着前后端分离，路径在前后端之间进行分离，分别对应前端路由和后端API接口。- 单页面应用的出现使得路径主要集中在前端路由，且路径需保持一致性以提供良好的用户体验。- Vue Router中的路由模式，如hash模式、history模式和抽象路由等，都是对路径的不同实现方式。

通过上述总结，我们可以更好地理解路径在后端和Vue Router中的应用及其演变过程。

前言

　　路由这个概念最早在后端出现，随后前后端分离，直至当今的单页面应用，路由也在一直发生变化。本文来总结一下路由变化和vue-router中的路由模式区别相关知识点。