解决登录多个vue-elementui-admin项目时token重复问题

最新推荐文章于 2024-04-07 16:19:42 发布
最新推荐文章于 2024-04-07 16:19:42 发布
阅读量1.2k 收藏 1
点赞数 2
分类专栏： vue+springboot 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luo_LA/article/details/124447692
版权

问题描述

当运行多个vue-elementui-admin的项目时，当我们同时登陆多个项目，会发现退出其中一个，其他项目刷新页面，token也会同时失效的问题。

原因

这是因为项目中的token是保存到cookie中的，多个项目使用的cookie 的 name是同一个值导致的。

解决方法

在项目目录中找到auth.js文件
在这里插入图片描述
修改不同项目的TokenKey的值，修改成自己的起的名字即可
在这里插入图片描述
把不同的项目修改成不同的值后，返回浏览器重新刷新页面，发现之前的问题被解决了。
查看浏览器cookie
在这里插入图片描述

落啦啦
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-elementui-admin
03-20
vue-elementui-admin资料包(需要使用node的16版本直接运行npm run dev启动即可,不用安装依赖,)
不同VUE项目之间传递、接收参数问题 踩坑
weixin_47255175的博客
04-07 2620
描述一下场景 UC(User-Center)是单独的一个项目，包括Spring Cloud + Vue, 服务项目是另一个项目，也是Spring Cloud+ Vue 这里主要针对是登录操作，我们为了完成SSO(Single Sign On)的效果，认证和授权在UC完成，用户发起资源请求，服务网关会进行过滤，判断请求头中是否有token以及token是否过期，不满足就会带着原访问资源项目的主页(这里记为uri)重定向到登录页面,此时就是登录的相关操作，进行完以后会生成一个token标识，这时候要根据带.
vue后台管理系统，两个页面登录两个账号，后一个账号的token信息会覆盖前一个账号
weixin_42018331的博客
09-30 2356
vue后台管理系统，两个页面登录两个账号，后一个账号的token信息会覆盖前一个账号，导致操作前一个账号，页面会带着新的token信息去请求后台，但是页面显示的还是之前登录的账号，cookie只存最后一次的登录信息， 解决可参考：https://blog.csdn.net/DLGDark/article/details/108855783 App.vue created() { document.addEventListener("visibilitychange", function () { if (s
单点登录：两个不同域名Vue项目相互跳转并且传递Token
最新发布
qq_54065476的博客
04-07 1889
前端实现SSO
如何解决多个Spring boot+vue项目登录信息冲突
akblzzzzzz的博客
07-28 234
首先搞明白系统使用的框架采用哪种验签，token一般由后端生成，前端进行存储，所以只要将项目中token的key值修改一下就可以，session值是后端生成存储（具体逻辑没搞透），增加配置代码修改sessionIdkey值：server.servlet.session.cookie.name: WM_JSESSIONID。这些缓存虽然从浏览器查看是根据ip+端口来分组的，但实际上只根据名称作为key值读取，所以导致系统登录冲突。cookies是浏览器级缓存，参与通信，关联到浏览器。
cookie中出现重名的键
weixin_43928233的博客
06-19 2322
问题 Http请求中出现了两个同名Cookie，导致服务端获取到的错误的信息 原理 Cookie不仅仅有名字和值两个属性，还有域（domain）、路径（path）等属性。其中，不同的域、不同的路径下可以存在同样名字的cookie。一般我们设置cookie的方法是用一个同样名字、一个值。这时就一定要搞清楚你要设置的cookie的域和路径，否则就会产生问题中的情况。 再次复习一下Cookie的属性 属...
两个Vue管理系统之间实现单点登录（免密登录）
章小鱼的博客
07-26 3009
【代码】两个Vue管理系统之间实现单点登录（免密登录）
vue-element-admin:基于vue+elementUI的后台管理系统模板
05-30
vue-element-adminA Vue.js projectBuild Setup# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for ...
vue-elementUI后台管理系统.zip
04-30
技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont 本项目的定位是后台管理系统，已经完成模块有用户管理、菜单管理、角色管理、公司管理、权限管理、支付配置。 技术...
vue-element-admin 菜单标签失效的解决方式
10-16
今天小编就为大家分享一篇vue-element-admin 菜单标签失效的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
Vue TypeScript管理模拟服务器 项目的模拟服务器演示链接（由vue-typecript-admin-template使用）概述此项目中api文件夹下的javascript代码是从的打字稿源代码生成的（通过在此目录中运行tsc命令）。 唯一的手动更改...
Vue 项目初始化 --- token 相关业务处理总结
weixin_42995152的博客
07-14 811
在众多项目中，由于 Cookie 的限制，经常需要用到 token 来进行登录验证。为简化 token 操作，我们通常需要建立一个 在里面封装对 token 本地化存储的统一处理逻辑。： Vuex 结合 localstorage Vuex 的特点：localStorage 的特点：Vuex 和 localStorage 在保存数据方面各有长短，所以在真实项目开发中，我们可以将两者综合起来使用。 ： 封装 axios 由于在项目中会有很频繁的 Ajax 请求，为统一处理请求的发送及后续配置操作。将 axio
vue同一浏览器登录不同账号token覆盖导致的数据互相污染
伟大光荣正确的博客
04-10 3828
业务场景 后台管理系统有不同的角色权限，不同账号的角色权限不同登录之后看到的页面也是不一样的，当我们用同一个浏览器登录一个账号A之后，再打开一个新的tab标签页重新登录一个不同于账号A角色权限的账号B之后，浏览器中A的token被B覆盖，导致A账号提交数据时候可能会出现后台误以为是B账号进行的一些操作，从而导致后台数据保存出现匹配错误的bug 解决方案 一、vue中新建一个全局变量用来保存当前用户token 新建一个constants.js文件 /** * 全局变量定义 */ export let gl
Java使用token解决重复_利用Token机制解决重复重复提交问题
weixin_28716973的博客
02-26 803
本文为本人在dev2dev回答网友提问所作:原始链接: http://dev2dev.bea.com.cn/bbs/thread.jspa?forumID=121&threadID=22185&tstart=0利用Token解决重复重复提交:Struts利用同步令牌(Token)的方式来解决Web应用中重复提交的问题,其机制是在form表单中增加一个隐藏的域,保存当前令牌值,然后在...
如何解决短时间内重复获取的token相同
betterKeKe的博客
11-18 3355
如何解决短时间内重复获取的token相同问题 使用jwt生成token时，由于playload部分有控制有效时间，但在同一时间连续生成，就会造成token相同。 会出现相同token的写法： //载荷 标准声明 公共声明 私有声明 let playload = { iat: Date.now(), //签发时间 exp: Date.now() + 1000 * 10 * 60 //过期时间 10分钟 } 解决方法一
Spring Boot + Token 实现接口幂等性 | 防止表单重复提交
骏马逸动，心随你动的博客
08-16 7290
一、概念 幂等性, 通俗的说就是一个接口, 多次发起同一个请求, 必须保证操作只能执行一次 比如: 订单接口, 不能多次创建订单 支付接口, 重复支付同一笔订单只能扣一次钱 支付宝回调接口, 可能会多次回调, 必须处理重复回调 普通表单提交接口, 因为网络超时等原因多次点击提交, 只能成功一次 等等 二、常见解决方案 唯一索引 -- 防止新增脏数...
多个若依项目同时跑，账号互斥，token冲突，出现404页面
qq_52319557的博客
08-11 680
在本地或是服务器上，跑多个若依项目时，会出现同时登录或者同时登出，更严重的是会出现，A系统登录root账号，刷新B系统会出现跳转至404页面的情况等等。
相同域名，导致cookie冲突
wltsysterm的博客
11-29 4549
现象： 多个系统部署同一台服务器，如果有用到cookie-session，会出现cookie冲突情况，导致先登入的系统被后登入的系统自动覆盖cookie的jsessionid，而导致session失效。 解决方法： 手动设置jsessionid的name 具体措施： [默认系统基于springboot开发]直接给系统添加如下配置类，无需其他操作，上述问题即解决： import org.sp...
vue同一个浏览器登录不同账号数据覆盖问题解决
不会写代码的前端
01-17 1287
这里使用storage监听本地数据 ，首先在登录后把数据存入本地，这里我用的是sessionStorage和localStorage中的数据做对比，因为localStorage数据是可共享的，如果不一致则刷新。3、vuex中定义一个属性控制TrialDialog.vue弹窗组件的显示和隐藏。有些时候用户点进详情页，刷新时出现弹窗提示用户当前页面已丢失，点击跳回首页即可。4、在监听数据不一致时更新vuex中的数据即可。1、首先定义一个弹窗组件，这里我就不写了。2、在home.vue组件中引入。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值