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,这样就登录成功了。
如有问题欢迎指正学习。