【问题经验】浏览器(chrome)发1次请求，服务端却收到2次请求

最新推荐文章于 2024-10-06 08:00:00 发布
最新推荐文章于 2024-10-06 08:00:00 发布
阅读量2.1k 收藏 3
点赞数
分类专栏： 问题汇总 文章标签： java 后端 经验分享 chrome json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beFocused/article/details/104303743
版权
本文揭示了一个有趣的现象：在使用Chrome浏览器时，虽然仅发出一次请求，但系统记录显示为两次。经过一系列排查，最终发现是Chrome插件jsonviewer导致的问题。关闭该插件后，重复请求的问题得以解决。

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

遇到一个奇怪的现象：chrome浏览器只发出1次请求，系统却收到2次

首先确定是不是确实只发了1次请求，我打开chrome的调试功能，"Network"里面看到的确实只有一次请求；

其次怀疑是不是网络中间环节的重试，可是问题是必现，不太像网络问题，换浏览器没问题、在其它电脑用chrome也没问题。

最后发现chrome安装的插件json viewer导致的，在chrome扩展程序里关闭json viewer插件就好了

浏览器一次请求后台执行两次
weixin_44218043的博客
01-26 1564
最近学习尚硅谷JavaWeb2020年版的教程，添加图书出现重复提交问题，经测试排查不仅添加重复提交，相应的page、delete、update都执行了两次。 测试代码如下： 控制台输出： servlet代码 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("d.
CHROME浏览器发送HTTP最大请求并发数限制
m0_54854317的博客
02-24 3084
一、先上结论： ①同一域名下，同一GET请求的并发数是1，也就是说上一个请求结束，才会执行下一个请求，否则置入队列等待发送； ②同一域名下，不同GET/POST请求的并发数量是6。当发送的请求数量达到6个，并且都没有得到响应时，后面的请求会置入队列等待发送。 二、测试 1、服务器端 服务器端创建了一个GET请求的serve方法和一个POST请求的serve方法，方法内容都是保持方法执行时间≥3s。 package com.example.demo.controller; import com.alibab
Chrome浏览器发送两次请求
weixin_39037208的博客
08-12 2322
Chrome浏览器在请求时会调用两次Servlet 但在FireFox上却没这个问题，发现大家说的都是插件问题。经过一一排查，发现了罪魁祸首。 在开启这个插件的时候会请求两次，将这个插件的权限改为点击时即可解决。 ...
Chrome浏览器会重复发送两次请求,第2次还是空请求的原因与解决方法
今朝山海的博客
03-24 6508
用ServerSocket搭建了一个服务器.用Chrome测试http请求, 却总是收到两次请求,很奇怪的是第二次请求是空,如下所示 收到一个请求:GET / HTTP/1.1 收到一个请求:null 然后会阻塞很久…调试里也只看到1次就很奇怪… 网上看了一圈,有说是插件原因的,我把插件全停了也没用 别的浏览器都没有这个问题,最后测试了一番, 发现是 设置-高级-使用联想查询服务更快速地加载网页 这个选项引起的,如图所示,把这个选项关了就行了. 而且我发现其他几项在国(q)内貌似没什么用,徒增消耗,还是关
开发谷歌插件-前端请求一次，后端显示多次请求问题
ghl1016的博客
06-19 386
第一次开发谷歌插件的小白,遇到一个很离谱的bug，前端发送请求到后端，后端发现接口多次调用，前端查看插件视图的network,只有一次请求记录，后端排查代码发现没问题，前端排查代码发现没问题，network只有一次记录，但后端会收到多次调用。
一次请求 服务端执行两次
abrahu的专栏
02-15 9119
1、抓包查看浏览器端是否真的只发送了一次请求 2、请相信抓包的结果 3、浏览器到服务器之间是否存在中间代理，中间代理是否有重试机制或者分次查询机制 4、把get请求改成post请求试试
模仿postman自研的HTTP Client Chrome插件，可绕过浏览器同源政策发起跨域请求
学无止境！
10-06 2029
带着半信半疑的心态，首先我找到官方文档仔细阅读后，然后按照官方文档上的教程写了一个demo，运行后发现果然可以绕过浏览器同源政策发起跨域请求并自动携带cookie，基于这一核心能力自己也实现了一个模仿postman的HTTP Client chrome插件，既可以满足工作需要，又能提升自己的技术。综上所述，目前还没有一个十全十美的方法，于是我又调研了一下chrome插件（chrome扩展）是否有发起跨域请求的能力。第二步，打开扩展主窗口，输入框中填写请求信息，发起请求。对应的就是该窗口的html文件，
chrome浏览器发送axios请求无法携带cookies问题，踩坑记录
qq_40825921的博客
07-28 1901
最近在自习vue，在github上找了一个有前端和后端的项目，主要是有真实的数据请求。项目地址github.com/bailicangdu… ，但是项目是好几年前的，我是用的vue2.6，所以只能参考一下大佬的代码，然后配置那些都要自己慢慢琢磨了。 在本地进行登录请求的时候遇到了一些问题，在这里记录一下，也给其他网友一点参考意见，毕竟自己踩了两天，可能是基础知识有点薄弱，刚好也学习总结一下。我的chrome版本是版本 85.0.4183.121（正式版本） （64 位） 在进行登录请求的时候，一直提示我
解决ajax跨域请求数据cookie丢失问题
10-24
在开发中，当我们使用Ajax技术发起跨域请求时，可能会遇到一个问题：由于浏览器同源策略的限制，跨域请求默认不携带cookie信息。这给需要在不同域之间进行身份验证和状态跟踪的Web应用带来了挑战。本文将通过前端...
使用IE或Edge浏览器通过SAS访问File文件只能访问一次问题分析-xiaoqiang1
08-08
no_cache=timestamp"，可以绕过浏览器的缓存机制，每次请求都视为新请求，这样即使有"If-Modified-Since"头，服务端也会忽略并返回文件内容。 在实际应用中，你可以根据项目需求和兼容性考虑选择适合的解决方案。...
firefox浏览器下，A标签单击一次，提交了两次访问请求
wang1999wang的专栏
06-24 1457
firefox浏览器下，A标签单击一次，提交了两次访问请求
Chrome 发一个请求,后台Controller 执行2次
weixin_30502157的博客
09-19 703
Chrome 发一个请求,后台Controller 执行2次 chrome 每发一次请求，都会执行2次controller，换成其他浏览器就不会。 最后发现是这个插件导致的,果断删除。 ...
为什么控制台的network里会出现两次相同请求？
EmotionComputer
07-02 5851
问题如下： 为什么出现这种情况： 原以为ajax请求只有HTTP的Request Method只有GET与POST两种，后来发现还有HEAD、PUT、DELETE、OPTIONS……的区别。 本地环境跑公司项目的时候，每次POST之前，为啥浏览器还偷偷给我来一次没有返回的OPTIONS请求？ 原来： 浏览器在某些请求中，在正式通信前会增加一次HTTP查询请求，称为"预检"请求（preflight）。请求方式为OPTIONS，而这种请求方式是不返回结果的，所以在Preview中看到就是一片空白。 浏览
Chrome 刷新页面两次请求问题
weixin_43262264的博客
04-24 1589
今天开发时发现每次刷新网页，后台都会收到两次请求，但是从Chrome的network中看到的却是一个，于是在地址栏中输入chrome://net-export/ ，打印一下日志看看，在日志中，第二次请求中有这样一个东西 "network_isolation_key":"chrome-extension://aegnopegbbhjeeiganiajffnalhlkkjb", 查资料后是Chrom...
请求一次服务器会显示请求了两次,在Appengin中，每个请求都会到达服务器两次...
weixin_34534926的博客
08-04 472
我在appengine有一个小应用程序。在我的本地开发服务器中，每个请求都会访问服务器两次。在调试模式下，我可以看到get方法调用了两次。这在chrome和firefox浏览器中都会发生。这是本地服务器的日志。。在INFO 2011-03-12 00:44:31,076 dev_appserver.py:3317] "GET /movie/tanu_weds_manu/rating-rev...
一次URL请求后台响应两次
liang
07-24 8736
<br /> <br />         做项目时遇到一个问题。现象是这样的，我在页面点按F5刷新页面，但是后台代码却响应了两次，百思不得其解。然后我就试探性的去更改HTML的<HEAD></HEAD>标签里面的东西，可是问题依旧。我一直在思索这个问题，到底是浏览器请求了一次后代码变态的运行了两次，还是产生了两次请求？为了得到这个答案，我搜索到httpwatch这个工具。结果真相就大白于天下。<br />         我在<TABLE></TABLE>这个标签上加上了background属性。back
SpringBoot中一次请求会走两次Controller的问题
热门推荐
会飞的耗子
08-15 2万+
FBIWarning 大神勿进，写的啰嗦且浅显，免得浪费您的时间。 前言 维护同事的一段代码，发现他使用的事务隔离级别为SERIALIZABLE，读了代码，发现完全没必要，遂问之。 答曰，前端会莫名其妙发送两个一模一样的请求过来导致数据会增加两条，让前端查过找不到原因，所以就提升隔离级别。 顿时，内心犹如一万只草泥马奔腾而过，本着码农应有的探索精神（闲的蛋疼），我决定一探究竟。 ...
记录问题：浏览器每次会发送两次请求到后端的情况
weixin_43887184的博客
04-09 1773
1.问题描述： 今天在写项目的debug时候发现，请求怎么都拿不到token数据。经过几番折腾发现，跨域会发送两次请求，一次是试探报文 发送两次请求情况如下： 用了两个浏览器，一个是谷歌的，一个是Bing，两个浏览器都有插件，然后运行Servlet后发现java程序被调用了两次，并且有时交叉输出；经查网络资料，推测是浏览器的插件又进行了一次请求，因此一共创建了两个线程，而插件的请求不会获得网页数据。 跨域请求导致的浏览器发送两次请求：预检测请求和method请求；前者不返回数据。 ...
HTTP跨域请求的发两次的原因
温柔雨哥的博客
03-19 1826
开发项目当中，发现了一个请求发送了两次，很奇怪，我只调用了一次啊，在浏览器中查却是调用了两次 查了查百度搜到下面这段，顺便记录一下 浏览器的同源策略 就是出于安全考虑，浏览器会限制从脚本发起的跨域HTTP请求（比如异步请求GET, POST, PUT, DELETE, OPTIONS等等），所以浏览器会向所请求的服务器发起两次请求，第一次是浏览器使用OPTIONS方法发起一个预检请求，第二次才是真正的异步请求，第一次的预检请求获知服务器是否允许该跨域请求：如果允许，才发起第二次真实的请求；如果不允许，则拦
怎么在浏览器给请求配置请求头
最新发布
03-29
<think>嗯，用户想知道怎么在浏览器里给请求配置请求头。这个问题看起来是关于HTTP请求的，可能需要考虑不同的场景，比如在网页开发中如何设置请求头，或者使用浏览器插件来修改请求头。首先，我需要回忆一下浏览器环境下通常怎么处理请求头。 首先，前端JavaScript中，如果使用XMLHttpRequest或者Fetch API发送请求，是可以自定义请求头的。不过记得，跨域请求时，有些头需要服务器允许，比如CORS的相关设置。这时候可能需要提到Access-Control-Allow-Headers。用户可能是在开发前端应用，需要设置自定义头，比如Authorization或者Content-Type之类的。 另外，用户可能想通过浏览器插件来修改请求头，比如测试不同的User-Agent或者添加特定的认证信息。常用的插件有ModHeader，这样不需要改代码就能测试不同头的情况。这时候需要介绍一下插件的使用方法，比如安装后如何添加键值对。 还有，如果是调试或测试，浏览器开发者工具中的Network面板可以查看和修改请求头，但可能仅限于查看，实时修改可能需要其他工具，比如Postman或curl，但用户明确说是在浏览器里，所以可能需要指导使用开发者工具进行修改，或者使用插件。 需要注意的是，有些请求头是浏览器限制的，不能随意修改，比如Referer、Host等，这时候可能会遇到安全限制。需要提醒用户这些限制，避免他们遇到问题。 可能用户是开发者，正在处理API请求，或者需要模拟不同的客户端。这时候分情况说明：如果是自己写的代码，用Fetch或XHR设置headers；如果是测试别人的网站，用插件更方便。还要提到服务端必须接受这些头，否则会被拦截。 另外，可能需要给出具体的代码示例，比如Fetch的使用方式： fetch(url, { headers: { 'Content-Type': 'application/json', 'X-Custom-Header': 'value' } }); 然后解释每个部分的作用，以及可能遇到的问题，比如CORS预检请求。同时，提醒用户某些头需要服务器配合，否则请求会被拒绝。 总结一下，回答的结构应该是先分场景，比如前端代码设置和浏览器插件修改，然后分别给出步骤和注意事项。确保用户知道不同方法的适用情况，以及可能遇到的限制。</think>在浏览器中配置请求头主要可通过以下两种方式实现，具体方法根据使用场景选择： ### 一、前端代码设置（适用于自主开发场景） 使用JavaScript的`fetch API`或`XMLHttpRequest`发送请求时，可通过headers参数配置： ```javascript // fetch API示例 fetch('https://api.example.com/data', { method: 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer your_token', 'X-Custom-Header': 'custom_value' } }) .then(response => response.json()) ``` $$ \text{注意事项} = \begin{cases} \text{跨域请求需服务器设置} \ Access\text{-}Control\text{-}Allow\text{-}Headers \\ \text{禁止修改安全头如} \ Host, \ Referer, \ User\text{-}Agent \ \text{(部分浏览器限制)} \end{cases} $$ ### 二、浏览器插件配置（适用于调试/测试场景） 1. 安装插件（推荐工具）： - Chrome：ModHeader（可设置请求/响应头） - Firefox：Header Editor 2. 配置示例（以ModHeader为例）： ```plaintext | 操作步骤 | 说明 | |---------------------------|--------------------------| | ① 点击插件图标 | | | ② 输入Header名称和值 | 如`X-API-Key: 12345` | | ③ 指定生效域名（可选） | 仅影响目标网站 | ``` ### 三、开发者工具临时修改（调试用） 1. 打开浏览器开发者工具（F12） 2. 进入`Network`面板 3. 右键点击目标请求 → `Copy as fetch` 4. 在Console中粘贴并修改headers参数 $$ \text{特殊头处理建议} = \begin{cases} \text{认证类头} \rightarrow \text{优先使用} \ Authorization \ \text{标准头} \\ \text{自定义头} \rightarrow \text{建议添加} \ X\text{-} \ \text{前缀} \end{cases} $$ ### 常见问题排查 1. 出现`CORS`错误：需确保服务端已配置对应的`Access-Control-Allow-Headers` 2. 头信息未生效：检查是否被浏览器安全策略拦截（如`Sec-Fetch-*`系列头为浏览器自动生成） 3. HTTPS网站要求：自定义头必须通过安全连接传输 建议根据实际需求选择合适方式，开发环境优先使用代码设置，临时调试推荐浏览器插件方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值