windows系统谷歌浏览器出现CORS跨域解决方案

 什么是同源策略

同源策略 是指在浏览器端出于安全考量,向服务端发起请求必须满足:协议相同、Host(ip)相同、端口相同的条件,否则访问将被禁止,不满足要求的访问也就被称为跨域。

什么是跨域访问_跨域访问是什么意思-CSDN博客

前后端分离开发跨域问题总结_vue前后端分离解决跨域问题-CSDN博客

谷歌浏览器的更新 

 从 Chrome 94 开始阻止来自不安全公共网站的私有网络请求。
 在 Chrome 98 中
●Chrome会在私有网络子资源请求之前发送预检请求。
● 预检失败只在DevTools中显示警告,不影响私人网络请求。
● Chrome收集兼容性数据,并向受影响最大的网站伸出援手。
● Google 预计这将与现有网站广泛兼容。 最早在Chrome 101中全面部署。

Private Network Access

谷歌浏览器跨域的解决 

跨域解决方案一

● 创建一个目录,例如我在C盘 或者 D盘创建MyChromeDevUserData。

● 在桌面选择谷歌浏览器右键 -> 属性 -> 快捷方式 -> 目标,添加--disable-web-security --user-data-dir=D:\MyChromeDevUserData (刚刚创建的目录)。

 跨域解决方案二

2925edb126074e8b9830263f011af394.png

### 解决Charles抓取Chrome浏览器流量时遇到的CORS错误 当使用Charles代理工具来捕获来自Google Chrome浏览器的数据流并遇到资源共享(CORS)错误时,这通常是因为服务器端设置了严格的同源策略,阻止了通过代理发送的请求。为了克服这个问题,可以采取几种方法。 #### 方法一:修改Chrome启动参数绕过CORS限制 一种解决方案是更改Chrome的启动选项,在命令行中加入`--disable-web-security`标志位以禁用Web安全特性,从而允许越不同名之间的资源加载[^1]。不过需要注意的是这种方法仅适用于开发环境下的临时测试目的,并不适合生产环境中长期部署。 ```shell chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security ``` 此命令将在指定路径创建一个新的用户数据目录用于存储此次会话的信息,并关闭网页安全性检查机制以便于调试工作。 #### 方法二:配置Charles处理HTTPS流量 对于HTTPS协议下发生的CORS问题,则需确保已按照官方指南完成SSL证书安装过程,即前往菜单栏的帮助->SSL代理->安装证书操作,使得Charles能够解密加密后的通信内容再转发给目标网站,进而避免因中间人攻击防范措施引发的站脚本漏洞风险[^2]。 #### 方法三:利用扩展程序辅助 还可以借助一些专门设计用来规避此类限制条件的插件或附加组件,比如“Allow CORS: Access-Control-Allow-Origin”,这类工具可以在不改变原有应用程序逻辑的前提下轻松实现在本地环境下模拟多源访问的效果[^5]。 以上三种方式都可以有效地帮助解决由于启用了Charles而产生的CORS报错现象,具体选择哪一种取决于实际应用场景和个人偏好等因素考虑。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值