前后端分离跨域问题及SameSite=Lax解决方法

已于 2022-09-10 15:23:56 修改
阅读量3.1k 收藏 2
点赞数 1
文章标签： chrome
于 2022-09-07 17:58:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46110710/article/details/126751078
版权

image-20220907163108183

解决方法

image-20220907163040686

然后是取不到个人信息，是因为那啥cookie设置不上

image-20220907175725294

浏览器报这个错

image-20220907175733515

简单的来说就是出现了跨域请求，但浏览器默认的SameSite=Lax是不支持跨域下cookie操作的。因此设置cookie失败。

解决方法有很多，有通过代码解决的，可以通过设置浏览器来解决，但是不能要求所有用户都改浏览器设置，我由于是自己的项目，就直接设置浏览器了。

由于我的chrome是

image-20220907174428810

所以就是下载的插件解决的

链接：https://pan.baidu.com/s/1x3bAMj_4kaJvnpmAouMzaQ
提取码：rwvv

打开谷歌浏览器，地址栏输入：chrome://extensions/然后打开开发者模式，把下载的拖进去

更详细的各个版本的解决方法看这里

点击这里

还是不能用可以用代码解决这个问题

点击这里

总结一下

前端的axios加一句

image-20220910151842358

后端controller加这个

image-20220910151911250

yml加这个

image-20220910151933811

等待救赎的波
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue+springboot前后端分离实现单点登录跨域问题解决方法
08-28
主要介绍了vue+springboot前后端分离实现单点登录跨域问题的解决方法,需要的朋友可以参考下
前后端分离跨域问题
01-07
跨域问题来源于浏览器的同源策略。客户端和服务端不同IP不同端口都算跨域。 springboot解决跨域有cros,配置就是那几项。 如果把服务端程序部署在nginx上，在nginx 也可以解决，服务端和nginx只用写一个即可， ...
Cookie的SameSite属性
热门推荐
qq_36690992的博客
06-16 2万+
SameSite 属性 Chrome 51 开始，浏览器的 Cookie 新增加了一个SameSite属性，用来防止 CSRF 攻击 和用户追踪（第三方恶意获取cookie），限制第三方 Cookie，从而减少安全风险。 SameSite属性可以设置三个值：Strict、Lax、None。 Strict：严格，完全禁止第三方获取cookie，跨站点时，任何情况下都不会发送cookie；只有当前网页的 URL 与请求目标一致，才会带上 Cookie。这个规则过于严格，可能造成非常不好的用户体验。比如，
Springboot2.6以下版本对cookie的samesite设置的通用方法
最新发布
aol_aog的专栏
12-23 1618
SpringBoot1.x及Springboot2.6以下版本如何解决cookie的samesite问题。
浏览器默认设置SameSite属性的作用
oi
01-30 7190
系列文章目录 文章目录系列文章目录一、CSRF 攻击是什么二、SameSite 属性 一、CSRF 攻击是什么 CSRF（Cross-site request forgery），中文名称：跨站请求伪造 CSRF攻击往往通过盗取你的 Cookie 信息，而Cookie 往往用来存储用户的身份信息，在盗取完你的 Cookie 信息后；恶意网站可以设法伪造带有正确 Cookie 的 HTTP 请求，这就是 CSRF 攻击。 简单来说就是：攻击者盗用了你的身份，以你的名义发送恶意请求。 一个典型的CSRF攻击有
Chrome 80 Cookie跨域 Samesite Lax 的错误
郎涯技术
07-30 1万+
本地局域网前后端分离的项目，前端是192.168.123.90，后端是192.168.123.2。今天早上发现用户登录报告登录失败（本质原因是无法设置cookie）。一开始以为后端出问题了，但最近没改用户登录的相关逻辑，后来换火狐、edge 是可以的，并且有些人的 Google 可以正常登录。 有问题的Google浏览器的调试信息报告以下错误： 设置cookie时提示：This set-cookie didn't specify a "SameSite" attribute and was defaulte
谷歌浏览器SameSite=lax导致嵌入Iframe 地址无法设置cookie问题
ysyysjbama的博客
08-17 1万+
问题描述： 页面中通过Iframe嵌入了另外一个网页，但是嵌入的网页无法设置cookie，导致无法访问。仔细检查，在浏览Set-cookie的响应头出发现提示：This Set-Cookie didn't specify a "SameSite" attribute and was defaulted to "SameSite=lax", and was blocked because it came from a cross-site response which was not the r...
解决由于SameSite=Lax引起的Set-Cookie不成功问题
weixin_57369490的博客
06-14 1961
看了一些文章说是因为浏览器考虑安全问题导致的，相关内容就不介绍了，这里主要介绍我使用的有效的方法，简单一步。这样后端传来的Cookie可以在前端正常保存，但当前端向后端请求时携带Cookie也需要设置一下。记得在application.xml里配置以下代码，作用是让这个Cookie只能在本地域名使用。再次去浏览器检查就能发现可以后端发来的Cookie可以被前端正常保存了。本人小白，很多表达可能不准确，还请指正。
CSRF之samesite浅析
杳若的博客
07-21 6064
Burp的学习之samesite
springboot+angular4前后端分离 跨域问题解决详解
08-25
SpringBoot+Angular4前后端分离 跨域问题解决详解 SpringBoot和Angular4是当前流行的前后端分离开发技术栈，本文主要介绍了如何解决SpringBoot和Angular4前后端分离中的跨域问题。 跨域问题是指在前后端分离开发中...
Tomcat+Nginx反向代理部署前后端分离项目解决跨域问题
02-24
最近自己做了一个前后端分离项目，前端采用HBuilderX开发，后端采用IDEA开发，在本地开发也跨域，部署到云服务器也跨域，下面介绍两种解决方案。出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定...
vue2 前后端分离项目ajax跨域session问题解决方法
01-19
最近学习使用vuejs前后端分离，重构一个已有的后台管理系统，遇到了下面这个问题： 实现跨域请求时，每次ajax请求都是新的session，导致无法获取登录信息，所有的请求都被判定为未登陆。 1、 vuejs ajax跨域请求 ...
C#web项目前后端分离跨域解决[Demo].zip
08-29
在这个"**C#web项目前后端分离跨域解决[Demo]**"中，我们主要探讨的是如何在这样的环境中解决跨域问题。 跨域是Web应用程序中一个常见的安全限制，由于浏览器的同源策略，前端请求通常只能发送到同一域名下，这限制...
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
环境： 前端 vue ip地址：192.168.1.205 后端 springboot2.0 ip地址：192.168.1.217 主要开发后端。 问题： ...后续请求取出的用户都为null。 解决过程： ...后台添加过滤器，因为前后端分离，不可能每个方
详解VueJs前后端分离跨域问题
01-19
可以使用在项目内设置代理（proxyTable）的方式来解决跨域问题 设置配置项的目录在config下的index.js，主要通过配置proxyTable项，设置代理指向你的后台地址 dev: { env: require('./dev.env'), port: 8085, ...
Set-Cookie:SameSite=Lax 问题
new_baibai的博客
03-02 1092
cookie 跨域 Set-Cookie:SameSite=Lax
记录 cookie 遇到了一个问题 SameSite=Lax
Beth__hui的博客
10-27 885
通过看阮一峰老师的 可以清晰明了的知道。 http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html 正是因为我的项目是需要通过iframe 嵌入，且302redirect到其他地址。 所以带不到。 解决方式： https://blog.csdn.net/qq_42196055/article/details/104918291 进行记录一下。 ...
Chrome 同站策略（samesite）问题探究
大魔王sama的博客
10-12 1783
项目背景 需求是一个类似 Disqus 的用户评论系统，用户评论模块使用 Iframe 嵌入到其他网站；但是用户属于公共的用户系统，所以使用单点登录，需要用到登录系统生成的 Cookie。 问题及探究 用户评论模块通过 Cookie 调取用户信息时，控制台提示： this set-cookie didnot specify a "sameSite" attribute and was defaulted to "sameSite=Lax" and broke the same rules specified
解决新版本chrome samesite默认级别为lax，后端用shiro必传cookie但是传不过去的问题。
weixin_38067069的博客
08-12 3858
先说一下解决办法 1、修改浏览器配置（不推荐） 地址栏输入：chrome://flags/ 找到SameSite by default cookies和Cookies without SameSite must be secure 将上面两项设置为 Disable 2、后端与前端同域（推荐） 我是用这种方式解决的。用nignx代理后端服务器，等于前后端在同一个域下，这样就不存在跨域的问题，也就不存在samesite的验证问题了，所...
cors 前后端分离跨域问题_解决前后端分离的 CORS 跨域资源共享问题
06-02
好的，针对你的问题，我可以为你提供以下解决前后端分离的 CORS 跨域资源共享问题的方法： 1. 通过设置后端 API 的响应头来解决跨域问题，可以在后端代码中设置 Access-Control-Allow-Origin 头部，指定允许跨域请求的源地址。 2. 使用反向代理服务器（如 Nginx）进行跨域请求转发，代理服务器可以在请求头中添加 Access-Control-Allow-Origin 头部，从而允许跨域请求。 3. 在前端代码中使用 JSONP 跨域请求，但这种方式只适用于 GET 请求。 4. 使用 WebSocket 协议进行通信，WebSocket 是基于 HTTP 协议的，但是它可以在客户端和服务端之间建立持久连接，避免跨域问题。 5. 使用 CORS 跨域资源共享机制，CORS 是一种标准化的跨域解决方案，通过在服务端设置一些特定的响应头，允许资源可以被指定的域名访问。 以上是一些解决前后端分离的 CORS 跨域资源共享问题的方法，你可以根据自己的具体情况选择适合自己的方式来解决跨域问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值