24_router入门+原理；25_router详细

原创已于 2023-05-20 12:37:10 修改 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

于 2021-04-06 23:26:42 首次发布

vue 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了前端路由的基础知识，包括Hash模式下利用onhashchange事件处理路由变化，以及History模式下通过popState事件和pushState/replaceState方法操作路由。同时探讨了路径传参、权限管理、登录实现，如后台设置cookie、使用token认证以及扫码登录的实现方式。还提到了单点登录和跨域问题。

24_router入门+原理

在这里插入图片描述

手写源码

如果是hash模式下，路由hash改变的时候会触发onhashchange事件，他去改变一个叫_route的东西，_route更新的话会触发相应组件更新；如果是history模式下他走的是popState事件，结合pushState和replaceState方法
在这里插入图片描述

25_router详细

在这里插入图片描述

路径传参

可以加权限

修改title

登录，一种后台自己种植cookie，前端接口每次请求默认带着cookie，前端不用管；一种后台直接返回一个token。
扫码登录，当pc端二维码亮出来之后一直轮询着向后台发请求，问扫码登录了吗，一旦后台返回已经登录了立马跳转页面
也可以用websocked，（http属于问答协议，前端问后端答，）
单点登录：一个点登录之后所有的都登录了
cookie是不能跨域的，子域可以拿父域的cookie的
生成rem
在这里插入图片描述