浏览器登录系统登录不进去的问题

news/2024/5/18 16:10:15 标签: chrome, cookie

之前遇到一个问题,本地打开vue项目,在点击登录的时候出现登录不上的问题,看了一下接口报302,以为是后端接口的问题,但是线上的系统是可以登录进去的,当是很纳闷,不知道问题出现在哪里,之后查找资料发现是谷歌浏览器因为版本号的原因(解决问题的原文链接地址:https://lihefei.blog.csdn.net/article/details/107781318 ),禁止携带cookie,导致登录不成功。

以下是接口报302的图片,header里面没有携带cookie

可以正常访问的图片

 

解决方案:

91版本以上

1.关闭所有浏览器
2.打开Chrome快捷方式的属性 ,将--disable-features=SameSiteByDefaultCookies 

或者

--flag-switches-begin --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure --flag-switches-end 粘贴到如图所示的目标里

在这里插入图片描述

 80版本
1.打开谷歌浏览器在Chrome中访问chrome://flags
2.搜索SameSite,把搜到的结果项都设置为disabled,然后重启浏览器,如下图

在这里插入图片描述

本文参考https://lihefei.blog.csdn.net/article/details/107781318  感谢大佬帮助。


http://www.niftyadmin.cn/n/1367401.html

相关文章

echarts词云库的使用

echarts在升级到2.0版本之后,不再支持词云库的使用,在最新版本的echarts(5.2.0)情况下控制台会出现如下报错 解决方法: 下载npm install echarts-wordcloud 【注:版本号:2.0.0】 下载成功之后&#xff…

vue父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题

问题&#xff1a;父组件多次调用同一个echarts组件&#xff0c;这样就会产生id同样的问题&#xff0c;导致只能渲染一个echarts组件。 解决方案&#xff1a; 之前的echarts初始化 <div id"echarts" /> echarts.init(document.getElementById(echarts)) 改成…

vue checkbox值不刷新

checkbox在更新时&#xff0c;控制台打印值是变了&#xff0c;但是页面上没有更新状态&#xff0c;这种情况下可以使用 this.$forceUpdate() 强制刷新页面&#xff0c;让checkbox改变状态

图片资源访问报403

今天遇到一个问题&#xff0c;就是访问链接图片报403的错误&#xff0c;如图 failed to load resource: the server responded with a status of 403() 出现的原因&#xff1a;在请求别的浏览器的时候把自己的请求头的referrer信息给带过去了&#xff0c;所以被拦截了。 解决…

vue中下载多个版本的echarts

这两天在使用echarts的时候遇到了问题&#xff0c;记录一下。 问题描述&#xff1a;echarts中的世界地图和词云&#xff0c;应用的是不同版本的echarts&#xff0c;世界地图用到的版本是4.2.1,词云是5.3.0。这种情况下&#xff0c;就需要安装多个echarts版本。 解决方案&…

vue $bus使用indexOf()时,方法多次调用的问题

在项目中&#xff0c;利用Bus监听字符串&#xff0c;使用indexof()时&#xff0c;发现多次打印&#xff0c;如图 if (item.indexOf(.) ! -1) { // item的值格式为option.文字.文字 或者是 option.wenziconsole.log(item) } 控制台打印结果&#xff0c;打印多次 解决方法&…

关于浏览器之间携带网址跳转的例子

本人第一次写博客有写的不对不周到的地方请大家帮忙指点留言 。 关于浏览器之间跳转&#xff0c;只有IE支持&#xff0c;谷歌和火狐不支持&#xff0c;在IE可以跳转到谷歌或火狐浏览器上并且打开一个网页&#xff0c;给大家分享代码。 本项目是SSM框架&#xff0c;这是一个jsp…

node环境搭建JEECG前端框架环境搭建vue全家桶

前端技术文档含JEECG前端框架环境搭建一、前端环境安装1. 安装nodejs2. Yarn安装3. 配置nodejs镜像4. 安装脚手架vue-cli5. 最后验证是否安装成功二、geecg前端项目介绍1&#xff0e;学习必看的资料2&#xff0e;前端框架介绍&#xff08;一&#xff09;前端的组成和结构&#…