Chrome浏览器跨域，解决Blocked current origin from receiving cross-site document at问题

已于 2022-08-31 17:10:21 修改
阅读量7.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： Blocked current origin 谷歌浏览器跨域 Blocked current origin from re Chrome Version 66 谷歌浏览器66版本
于 2018-05-09 20:05:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xw505501936/article/details/80258758
本文介绍如何在Chrome浏览器中进行跨域调试。针对Chrome版本66及以上的更新，提供了新的命令行参数设置方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

众所周知，作为前端开发人员，经常会遇到跨域联调的场景，那么Chrome浏览器也是我们首选的调试浏览器。

Chrome浏览器跨域设置方法：
在快捷方式中设置：
--disable-web-security --user-data-dir
如图：

相信很多人也是这么做的，但是Chrome升级到66版本后，这个就不好用了，怎么解决呢：

处理方式不变，设置参数修改为如下即可：

--disable-web-security --user-data-dir --disable-features=CrossSiteDocumentBlockingIfIsolating

Chrome的保留(阻塞/不安全)端口 blocked ports
qq_40333017的博客
03-01 995
项目的gateway端口为10080，因为之前使用的一直是低版本的Chrome，所以没有出现问题。前几天部署了一套新的环境，使用我笔记本的最新的Chrome访问，前端的接口(host:10080)一致过不去，排查了nginx、firewall等都是没问题的。后来搜索相关问题，看到有篇文章提了一句，Chrome有一些保留端口，是不让使用的。所以去查询了下，果然，Chrome是有这样的一些端口的，（blocked ports）。从实际情况出发，还是不使用这些端口，避开为好。
uni-app H5跨域问题解决方案（CORS、Cross-Origin）
dcloudio的博客
11-10 1万+
什么是跨域 跨域是浏览器的专用概念，指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码，请求了B站点的数据，就是跨域。 A和B要想被认为是同域，则必须有相同的协议（比如http和https就不行）、相同域名、和相同端口号（port）。 如果你是做App、小程序等非H5平台，是不涉及跨域问题的。 稍微例外的是iOS的wkWebview，在5+App，或uni-app的web-view组件及renderjs中，由于WKWebview限制也会产生跨域，这方面另见专题文章：https://ask.dc
我无法使用Google Chrome加载资源：net :: ERR_BLOCKED_BY_CLIENT
xfxf996的博客
08-19 1432
I am getting white page after running my project but its work with .net Client properly Do I need a
如何解决Chrome禁止发送不安全的内网网络请求[origin ‘http://xxx.xxx.com:xxxx‘ has been blocked by CORS policy:...}
cxywai的博客
02-28 3780
报错具体代码形式： [origin 'http://xxx.xxx.com:xxxx' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.] 问题出现的原因： chrome更新到94版本之后，会自动阻止发送不安全的内网请求。 解决办法：关闭这个新特性 （1）打开chrom实验功能 .
chrome浏览器跨域Cookie的SameSite问题导致访问iframe内嵌页面异常
热门推荐
CoreyJu的博客
09-16 6万+
Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute问题还原原因分析可能在 Chrome 80 中受到影响的场景如下解决方案 问题还原 原先一直访问正常的系统，最近打开页面一直加载不出来。 初步分析，该系统为iframe内嵌第三方系统页面，将iframe中的链接复制出来可以单独访问，排除第三方系统的问题。 进一步尝试，将这个带有链接的iframe放在一个全新的html文件
Chrome本地跨域 origin-null-is-not-allowed或者Blocked a frame with origin “null“ from accessing 解决方案（适用于前端）
The road to success is lonely
07-13 9074
本地直接打开项目地址报错，地址栏里的地址：file:///C:/Users/Administrator/Desktop/HZ/register.html 谷歌不允许这样打开项目，所以产生了跨域问题。 解决办法：本地要起一个类似客户端运行的环境，我用的是vscode中的Live Server 然后打开需要运行的html页面，点击如图所示的位置即可运行起来 在浏览器打开的地址一般是：http:/...
chrome浏览器跨域插件
最新发布
10-10
对于chrome浏览器跨域插件来说，它主要针对的是开发和测试阶段，帮助开发者快速定位和解决问题。一旦确认代码和配置无误，就应该采取其他正式的CORS策略，比如在服务器端设置正确的CORS头部，允许特定的源访问资源。...
Referrer-Policy : strict-origin-when-cross-origin解决方案
06-05
随着Web技术的发展，跨域安全问题愈发突出，"Referrer-Policy : strict-origin-when-cross-origin"便是为了解决这一问题而提出的策略。本文将深入探讨这个策略的含义、作用以及如何在实际开发中应用。 一、Referrer...
完美解决浏览器跨域的几种方法(汇总)
12-03
当尝试通过JavaScript进行跨域请求时，浏览器会阻止这种行为，如使用Ajax请求时会遇到"Access-Control-Allow-Origin"头部缺失导致的错误。 【解决跨域的几种方法】 1. JSONP(JSON with Padding)：这是一种较早的...
cross-origin
05-14
跨域及用户验证 CommonServer 启动公共服务，其他几个项目都请求这个服务的接口，产生跨域 npm run common JSONP 核心原理： 利用script请求后端数据，解析执行，通过传入浏览器端存在的函数名，后端使用改函数包裹...
Chrome Timeline的指标说明：Blocked、Connect、Send、Wait、Receive
weixin_30408309的博客
12-20 235
Blockedtime includes any pre-processing time (such as cache lookup) and the time spent waiting for a network connection to become available. Internet Explorer will only create a maximum of two concur...
新版chrome跨域问题：cookie之SameSite属性
Welcome to Domla's world
03-16 2万+
最近在使用前后端分离开发的时候，遇到了一个诡异的问题，无论如何设置跨域，同一个页面获取到的session始终不一致。 事情的起始大概是这样的： 首先说一下我的业务逻辑，其实就是最常见的登录功能，获取验证码后存入session，用户提交登录时，将用户提交的验证码与从session里获取的验证码进行对比；功能简单，也好理解。可是却遇到了如下一系列问题： 发现问题： 登录界面前后端分离，ajax...
关闭 A cookie associated with a cross-site resource at ...浏览器警告
Minyoung 的博客
05-19 1万+
A cookie associated with a cross-site resource at … 这个是由于cookie跨域导致的，但不影响正常使用，淡黄色的警告~也让人不爽。 干掉！ Chrome浏览器地址栏输入chrome://flags/，搜索 Cookie deprecation messages ，选择Disabled，此时浏览器下方会出现一个小按钮喊你重启浏览器，点它！ 重启后一片清爽！ ...
解决新版谷歌Chrome浏览器Cookie跨域失效问题
zhiwenganyong的博客
06-25 7373
解决新版谷歌Chrome浏览器Cookie跨域失效问题
解决谷歌浏览器跨域问题has been blocked by CORS policy: The request client is not a secure context and the resou
qq_46940224的博客
06-19 1545
将第一项设置为 Disabled；点击右下角重启浏览器！
解决http转https在chrome里blocked的问题
bigsea622的专栏
03-02 1万+
什么是HTTPS？ HTTPS（全称：Hypertext Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容 就需要SSL。 它是一个URI scheme（抽象标识符体系），句法类同http:体系。用于安全的HTTP数据传输。ht
解决谷歌跨域调试不可用
牟云飞的博客
10-12 1867
1、正常情况下 "XXXXXXX\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir   2、如果不可用，在D盘增加MyChromeDevUserData 后，增加--user-data-dir=D:\MyChromeDevUserData 参数，如： "C:\Progra...
谷歌提示Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute
Pandora_417的博客
07-01 1万+
是chrome 更新以后出现的问题，主要是为了防止CSRF 攻击，屏蔽了第三方cookies。 警告信息中讲到一个SameSite属性，是为了限制第三方的cookies，有三个属性设置Strict、Lax、None。1 、回退浏览器版本 这个最简单了，回退浏览器比如Chrome 把他降到79 及以下版本就可以了，不过只是应急用的 2、修改浏览器配置 在浏览器中输入下面的url，修改same-site-by-default-cookies及cookies-without-same-site-must-be-s
has been blocked by CORS policy
枫叶
05-30 1206
cors浏览器访问本地跨域问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值