Vue不同项目之间传递、接收参数问题
作者:To 发布时间:2024-04-30 10:47:06
描述一下场景
UC(User-Center)是单独的一个项目,包括Spring Cloud + Vue, 服务项目是另一个项目,也是Spring Cloud+ Vue
这里主要针对是登录操作,我们为了完成SSO(Single Sign On)的效果,认证和授权在UC完成,用户发起资源请求,服务网关会进行过滤,判断请求头中是否有token以及token是否过期,不满足就会带着原访问资源项目的主页(这里记为uri)重定向到登录页面,此时就是登录的相关操作,进行完以后会生成一个token标识,这时候要根据带来的uri进行页面跳转,此时要带上token标识过去。
关于token的携带,以下是几种方式的分析:
1.LocalStroage方式 (不可取)
如果可以用localStorage来存储token,这样就不用来回带着token信息,直接在服务项目的vue请求 * 中把token放到headers里边就可以了? 事实是不可取的,因为localStorage 只在有相同的协议、相同的主机名、相同的端口下,才能读取/修改到同一份localStorage数据。 这里我们是两个vue项目,所以无法共享token,其次,假如这种方式可以,难道我们访问百度还能用访问腾讯时候存的localStorage里边的标识?所以,PASS.
localStorage深入了解:localstorage 必知必会
2.Cookie方式 (不推荐)
使用Cookie进行共享,也就是说在UC的vue项目中,登录成功,将token存入cookie中,在服务项目的vue请求 * 中获取cookie先存入localStorage中,然后放入headers,这样之后每次从localStorage中拿出token放入headers即可。实现上是可以的因为cookie在两个vue项目之间是共享的。但是,不好的点是,其一是如果cookie被禁用了怎么办?,尽管可以处理但是还是说明这个方法存在一些明显的不足,其次存cookie是很老套的方式,市面上也很少用到。关于多个cookie参数,如果获取某一个cookie值的方法封装:
window.getCookie = function(name) {
var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
if (match) return match[2];
}
存:
document.cookie = "token=1234";
取:
let token = getCookie('token');
3.参数形式 (时效性)
直接以参数形式传递,在另一方获取请求参数,再放入localStorage中。看起来这种方式似乎是最直接的,其实来说它也保证了token的时效性,但是写的时候可真给我恶心坏了,不说了只能怪咱百度不会用,其实以参数传递的方式还有很多种,可以多使用几种,这里暂且总结一种,后序填坑。
传: 拼到url中
取:一定是在页面获取,无法在请求 * 取出
来源:https://blog.csdn.net/weixin_47255175/article/details/124027993
猜你喜欢
- Django中获取text,password名字:<input type="text" name="na
- 本文主要利用python的相关模块进行批量ping ,测试IP连通性。下面看具体代码(python3):'''遇到问
- 目前流行的强化学习算法包括 Q-learning、SARSA、DDPG、A2C、PPO、DQN 和 TRPO。 这些算法已被用于在游戏、机器
- create table shujubiao( id int primary key auto_increment, 指定为i整形 name
- 编程中有时候需要一个初始极大值(或极小值)作为temp,当然可以自定义设置为10000(whatever),不过python中有一个值可以代
- 前言去年在做golangserver的时候,内部比较头疼的就是在线服务发布的时候,大量用户的请求在发布时候会被重连,在那时候也想了n多的方法
- 1 案例描述输入三个整数x,y,z,请把这三个数由小到大输出。2 Python实现2.1 方法一(官方)L = []for i in ran
- IDA Pro 6.0使用Qt 框架实现了跨平台的UI。它的好处是插件编写者还可以直接使用 Qt 开发跨平台 UI。但是编剧呢?在这篇博文中
- MSSQL随机数 MSSQL有一个函数CHAR()是将int(0-255) ASCII代码转换为字符。那我们可以使用下面MS SQL语句,可
- 一、什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速 * 页的技术。通过在后台与服务器
- 报错[SSL: SSLV3_ALERT_HANDSHAKE_FAILURE]问题描述pandas读取网络表格时pd.read_excel(u
- 系统中对Razor的支持包括两部分,其中之一就是自定义RazorViewEngine一、自定义RazorViewEngine在Global.
- 作为课代表,经常要做的两件事是:帮忙发作业和帮忙收作业,而且很多时候是通过邮件来完成的,如果手动一封一封的收取和发送就很浪费时间——人生苦短
- Python 网页解析HTMLParse的实例详解使用python将网页抓取下来之后,下一步我们就应该解析网页,提取我们所需要的内容了,在p
- 作为一款「写作软件」在诞生之初就支持了 Markdown,Markdown 是一种「电子邮件」风格的「标记语言」,我们强烈推荐所有写作者学习
- 用django开发,经常要处理用户上传的文件, 比如user模型里面如果又个人头像的字段 ImageField等等,而django在Fiel
- 前言我是一个半路出家的PHP程序员,到目前为止,不算在培训班学习的时间,已经写代码整整两年了。可能由于工作业务的原因,在这两年中我没有用到过
- 要求:用户名:必须是6-10位字母、数字、下划线(这里字母、数字、下划线是指任意组合,没有必须三类均包含)不能以数字开头密码:必须是6-20
- Python2.5之后引入了上下文管理器(context manager),算是Python的黑魔法之一,它用于规定某个对象的使用范围。本文
- 上一篇文章 跨表更新,看到自己写的SQL像个憨憨写了关于跨表个更新的内容。一年过的很快,文中后来的两位员工 馮大 和 馮二 也要面对无情的