chrome浏览器接口报错CORS无痕模式不报错

已于 2025-04-30 11:36:13 修改
阅读量456 收藏 3
点赞数 6
CC 4.0 BY-SA版权
文章标签： chrome 前端
于 2025-04-30 11:29:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44622894/article/details/147626997

环境

Google Chrome版本 135.0.7049.115（正式版本） （64 位）

描述

先排查是不是真的跨域问题，尝试其它浏览器，如Chrome浏览器的无痕模式，Edge浏览器，还有同事浏览器看看能不能正常响应接口

如果其它浏览器没问题，同事浏览器也没问题，那应该就是缓存问题

解决

Chrome浏览器快捷键：Ctrl + Shift + Delete，删除缓存的图片和文件

请注意不要勾选到其它地方

在这里插入图片描述
点击确认之后刷新网页，就能请求成功了

原因分析

你的 Chrome 可能缓存了旧版本的 CORS 响应头（如错误的 Access-Control-Allow-Origin），导致后续请求沿用错误配置。 — 来源Deepseek

当时发现无痕模式可以正常响应的时候就猜出来缓存问题，只清除了localStorage、cookie，发现没有效果，而且发现chrome连get都发预检请求，于是请教 Deepseek

vue项目开启本地服务跑A接口路径没问题，跑B接口路径出现cors的问题（chrome无痕浏览器没问题，edge浏览器也没有问题），这个一般是什么原因导致的

简要概括，就是让你排查nginx配置、后端接口配置Access-Control-Allow-Credentials、缓存的问题

为什么清除“缓存的图片和文件”就可以了，清除localStorage、cookie就不行？

如下图

在这里插入图片描述
在这里插入图片描述
讲的比较清晰

CORS跨域not a secure more-private排查及修复记录-Chrome最新版
TimerBin的博客
01-19 4778
出现以上跨域问题后，可以尝试下更换IP地址，更换解析方式去解决问题，最好双域名在联调期间使用同一中方式进行域名解析。想法二验证结论：www.timer1.com 前端页面部署在11.xxx.xxx.xxx网段下，www.timer.com 服务端接口部署在 10.xxx.xxx.xxx 网段下，发现问题重现，无法正常解决。：将运营后台的前端、后端都部署到预发环境，并且在同一个机房中，同11.xxx.xxx.xxx 网段，以上问题解决，可以正常进行前后端分离跨域请求方案。：将域名升级为Https。
chromedriver-win64_135.0.7049.115
weixin_74373920的博客
05-02 272
chromedriver-win64_135.0.7049.115
chrome 解决 cors 错误
最新发布
往事知多少？
05-29 401
【代码】chrome 解决 cors 错误。
Chrome浏览器：CORS 错误
小龙在线
10-11 2259
谷歌浏览器Chrome的CORS 错误实际上是保障安全实行的安全策略，为了保障安全，我们需要加上白名单。
谷歌浏览器 跨域遇到的坑 cors 错误（亲测可行）
热门推荐
lxw1844912514的博客
12-22 2万+
浏览器版本： 一.现象： 解决方案： 方案一：（已论证） 步骤1：谷歌浏览器打开chrome://flags/#block-insecure-private-network-requests 步骤2：找到Blockinsecureprivatenetworkrequests.设置为Disabled 步骤3：关闭谷歌浏览器重新打开网页解决问题。 方案二：（未论证） 或者访问使用https的代替http的 ==========...
【chrome浏览器插件开发】插件中调用接口存在跨域问题（CORS Error）
VsXiXi的博客
02-08 1664
在 chrome 插件页面中调用 api 存在跨域问题（CORS Error）核心思路：在 service_worker.js 中发起接口调用。将插件的请求转发中 service_worker.js 使用。调用，再将响应内容发送回插件。
记录chrome 浏览器 本地ip 地址报 CORS 错误
weixin_43073383的博客
12-24 2846
报错 xxx/#/dashboard?from=back:1 Access to script at 'http://192.168.1.7:8080/static/js/plt.sdk.xxx.js' from origin 'http://xxx.com' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space
前后端分离的项目使用nginx 解决 Invalid CORS request
诗水人间
12-14 1808
得到的结果是因为Origin的值（前端浏览器，axios根据当前域自动添加的）和后端代理的接口地址不一致。我们知道nginx是可以修改请求头的，只要在nginx转发的那个地方加上Origin就可以解决这个问题。下面是关键信息，只要这2个一致就行了#后端服务地址#这个要和后端服务地址一样，不然会出现跨域问题具体的其他一些关于nginx的配置，可以参考我签名完整的nginx配置。
el-upload上传文件报错UploadAjaxError: Invalid CORS request
03-14
CORS（跨域资源共享）问题通常发生在前后端分离的项目中，当前端应用和后端API不在同一个域、端口或协议时，浏览器会阻止跨域请求，除非服务器正确配置了CORS头。 用户提到他们使用的是Vue和Element-UI的el-upload...
springboot项目为什么谷歌页面和其他浏览器页面打开不一样
03-09
总结下来，解决步骤大致是：检查控制台报错，验证HTML/CSS，清除缓存，测试无痕模式，对比浏览器特性支持，逐步排查可能的原因。需要用户提供更多具体现象，比如错误信息或截图，才能更精准定位问题。</think>Spring...
无法读取 chrome-error://chromewebdata/ 的源映射: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:"
03-21
嗯，用户遇到了Chrome浏览器中source map加载失败的问题，具体是出现“unexpected 503 response”和“unsupported protocol chrome-error”的错误提示。我需要先理解这些错误的原因，然后给出解决方案。 首先，503...
2018春招前端面试: 闯关记(精排精校) | 掘金技术征文
CRPER
03-13 6644
前言 去年年末研发组解散失业, so选择回去学车了,也顺利拿到了驾照 最近回归大深圳….开始踏上漫漫的找工作之路; “拉勾上吊一百年不匹配!!!”,”BOSS直聘日夜没反应!!!” 题目范围涵盖我最近遇到的笔试题和面谈的(CSS/JS/HTTP/Node/Hybrid/Vue/NG/React) emm…..这里不列举哪些公司了, 若是你完整的阅读一...
谷歌浏览器最新chrome94版本CORS跨域问题
无名大白
12-21 840
搜索 Block insecure private network requests。提示Access to XMLHttpRequest at '修改为 Disabled 后点 Relaunch 问题解决。打开浏览器，进入chrome://flags/
Chrome启动本地项目报跨域cros错误
dongnihao的博客
01-31 3461
也就是默认禁止跨域请求，所以在访问一些没有符合最新标准的老网站时，可能会发现出现如图所示的CORS跨域请求错误，从而导致不能正确打开该网站。3、在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData。将Default改成Disabled，此时浏览器会提示你重启，点击重启按钮即可。若果重启浏览器不成功，重启电脑一下。在高版本的Chrome下，浏览器默认是开启Block insecure。
谷歌浏览器H5页面请求，后台CORS错误解决方法
Sunshine_Jessica的博客
12-12 4273
谷歌浏览器H5页面请求，后台CORS错误解决方法
访问私有地址CORS错误， 解决跨域问题
iewang310的专栏
03-28 2216
在我们的视频直播平台中，经常会碰到用户问我们跨域相关的问题。如果访问的内网地址，这是极大可能会产生跨域相关问题， 这并不是传输上的问题，而是浏览器自带的机制导致的。步骤1： 谷歌浏览器 打开 chrome://flags/#block-insecure-private-network-requests。步骤2 ： 找到 Block insecure private network requests. 设置为Disabled。步骤3 ： 关闭谷歌浏览器重新打开网页 解决问题。
谷歌浏览器的主屏幕快捷方式设置教程
weixin_43772292的博客
12-02 5943
3、在这里你可以看到当前使用的语言及其排序，点击“添加语言”可以添加新语言，点击三个点可以对现有语言进行排序或删除。首先，双击桌面上的谷歌浏览器图标，打开浏览器。你可以在桌面上右击新创建的快捷方式图标，选择“属性”，在“快捷方式”选项卡下修改图标，使其更易于识别。点击浏览器右上角的三个垂直排列的点（自定义及控制图标），选择“更多工具”，然后选择“创建快捷方式”。在弹出的窗口中，为快捷方式命名，比如“百度一下”，然后点击“创建”。1、打开谷歌浏览器，点击右上角的三个垂直排列的点，选择“设置”。
Chrome 跨域问题CORS 分析
何浩翔的博客
03-14 2696
Chrome 跨域问题 CORS 分析
Chrome出现CORS跨域，后台代码解决了但是还是跨域问题
weixin_45960525的博客
08-11 4428
在高版本的Chrome下，浏览器默认是开启Block insecure private network requests.这个选项的。也就是默认禁止跨域请求，所以在访问一些没有符合最新标准的老网站时，可能会发现出现如图所示的CORS跨域请求错误，从而导致不能正确打开该网站。3、在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData。将Default改成Disabled，此时浏览器会提示你重启，点击重启按钮即可。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值