自动登录体验

1.实现:

step1.首先明确自动登录设置好的路由路径,如本次由后端提供的,在飞书内部点击按钮,跳转包含/fs-login并且携带Code参数的路由。

step2.使用路由守卫拦截约定好的自动登录路径,并清除缓存的Token,导航到约定好的路由页面。

step3.进入约定好页面后,页面created周期内判断如果路由参数携带Code则调用自动登录函数。

step4.函数内匹配vuex的某action,做出对应操作,如调用登录接口,后存储接口返回的各种数据(token、)

step5.如果成功登录,则跳转到应用主页。

2.对前端代理的理解

前端代理通常来解决浏览器的跨域问题,这就是为什么页面访问的是前端的域名端口,但却可以请求到后端接口,就是因为中间有一层代理。

代理可以将不同规则的路径匹配不同的后端网关。

例如csdn /prod-api匹配到csdn的生产环境的后端网关,达到负载均衡。

nginx可以用来做代理,通过匹配不同的规则来访问不同的网关地址

vue内置了devServer,其中的proxy属性可以来做开发时的代理,具体如:页面发起的某一个请求的路径会被替换为proxy的某一条配置好的后端网关路径。

3.登陆方式理解(Code方式)

Code方式登录个人理解为:登录授权系统后,授权系统会发放一个有时效性的、一次性的Code。路由路径中加入Code参数,访问要登陆的应用时,获取Code并通过Code获取权限token,这样就登录成功了。

如有问题欢迎指正学习。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值