文章目录
- 引言
- 客户端路由 vs. 服务端路由
- 简单的路由案例
- 术语
- I Vue Router 提供的组件
- RouterLink
- RouterView
- II 创建路由器实例
- 调用 createRouter() 函数创建
- 路由选项
- III 注册路由器插件
- 通过调用 use() 来完成注册
- 路由器插件的职责
- 对于组合式 API，Vue Router 给我们提供了一些组合式函数。
- IV router 和 route
- 守卫导航
- axios 响应拦截：跳转到登录页面
引言
客户端路由的作用是在单页应用 (SPA) 中将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL 会随之更新，但页面不需要从服务器重新加载。
Vue Router 是 Vue 官方的客户端路由解决方案。
Vue Router 基于 Vue 的组件系统构建，你可以通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些组件。
客户端路由 vs. 服务端路由
- 服务端路由：指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。
- 在单页面应用中，客户端的 JavaScript 可以拦
![6 [新一代Github投毒针对网络安全人员钓鱼]](https://i-blog.csdnimg.cn/img_convert/e85256dced51954e871747f163eccf32.png)
