Chrome谷歌浏览器跨域请求失效解决方案

失效原因:Chrome 51 开始,浏览器的 Cookie 新增加了一个SameSite属性,用来防止 CSRF 攻击和用户追踪。谷歌默认SameSite属性的为Lax。

解决方案

1、低于91版本的Chrome浏览器:

Chrome中访问地址chrome://flags/,搜索Site,将SameSite by default cookies设置为Disabled后重启浏览器再运行项目即可解决。

2、91版本及以上的Chrome浏览器:(方案1中的设置在91版本后已被Chorme移除)

Windows:打开Chrome快捷方式的属性,在目标后添加 --disable-features=SameSiteByDefaultCookies(注意目标地址与 --disable间要有空格),点击确定,关闭所有Chrome窗口包括Chrome浏览器后再重启浏览器运行项目即可解决。

Mac:Mac系统下可以通过命令行携带参数打开浏览器的方式来解决,前提须关闭所有浏览器窗口并退出浏览器后再进行操作。

  • 开启Chrome命令:open -a "Google Chrome" --args --disable-features=SameSiteByDefaultCookies
  • 开启Chromium版Edge浏览器命令:open -a "Microsoft Edge" --args --disable-features=SameSiteByDefaultCookies

3、94及以上版本的Chrome浏览器

Chromium项目官网提到在94版本通过命令行禁用设置SameSite默认值的方式会被移除,到时方案1和方案2的方式都将无法使用,后续可通过nginx等代理工具或软件将跨域请求转为非跨域请求来解决改问题。

The flags #same-site-by-default-cookies and #cookies-without-same-site-must-be-secure have been removed from chrome://flags as of Chrome 91, as the behavior is now enabled by default. In Chrome 94, the command-line flag --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure will be removed.



转载:https://juejin.cn/post/6967695146322247716

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要在谷歌浏览器插件中进行跨域请求,你可以使用以下方法: 1. 在插件的 `manifest.json` 文件中添加权限声明: ```json { "manifest_version": 2, "name": "My Extension", "version": "1.0", "permissions": [ "http://*/", "https://*/" ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_popup": "popup.html" } } ``` 在上述代码中,通过 `"permissions"` 字段声明了跨域请求所需的权限,通配符 `*` 表示允许所有的 HTTP 和 HTTPS 请求。 2. 在插件的后台脚本或内容脚本中发起跨域请求。以下是使用 `XMLHttpRequest` 对象进行跨域请求的示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "http://example.com/api/data", true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var response = JSON.parse(xhr.responseText); // 处理响应数据 } }; xhr.send(); ``` 在上述代码中,使用 `XMLHttpRequest` 对象发起了一个 GET 请求,地址为 `http://example.com/api/data`。请注意,由于浏览器的安全策略限制,如果请求的目标域不在插件的权限范围内,请求可能会被阻止。 3. 如果需要发送跨域请求到其他域的 HTTPS 网站,还需要在 `manifest.json` 文件中添加相应的权限声明,例如: ```json { "permissions": [ "https://other-domain.com/" ] } ``` 请确保在添加跨域请求权限时,只添加必要的权限,并且谨慎处理来自其他域的数据,以防止安全漏洞。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值