爬Ajax-在xhr遇到问题:-provisional headers are shown(没看见要爬的内容...)

chrome开发者工具内打开xhr显示没有query string parameter

回答

在 Chrome 开发者工具中,如果你发现 XHR 请求的 Query String Parameters 未显示,这可能是因为请求的数据并没有以 Query String 的形式传递,而是通过 Request Payload 或 Request Body 传递的。

通常情况下,当你在浏览器的地址栏中输入一个网址并回车访问时,浏览器会自动将地址栏中的所有内容拼接成一个完整的 URL,包括路径和查询参数。这种形式的参数被称为 Query String Parameters

然而,对于 XHR 请求来说,情况可能会有所不同。XHR 请求可以使用多种方式传递数据,例如:

  • 作为 Query String 参数传递

  • 作为 Request Payload 传递

  • 作为 Cookie 传递

  • 作为 Header 传递

如果你的 XHR 请求使用了除 Query String 以外的其他方式传递数据,那么在 Chrome 开发者工具中就无法看到这些数据。

例如,如果请求使用 POST 方法并将数据编码为 Request Payload 的一部分,那么这些数据就不会出现在 Query String Parameters 中。相反,它们会在 Request Payload 或 Request Body 中显示24

所以,如果你在 Chrome 开发者工具中看不到 Query String Parameters,你可以检查一下你的 XHR 请求是否使用了其他方式传递数据。如果是的话,你应该能在相应的区域找到这些数据。

-------------------------------------------------------------------------------

操作:在network选项下disable cache

------------------------------------------------------------------------------

chrome开发工具,disable cache 后,在xhr响应头部分仍看到Provisional headers are shown"

回答

在Chrome开发工具中,当你看到"Provisional headers are shown"这样的提示时,可能有以下几种情况:

  1. 请求未通过网络发送:在这种情况下,请求是从本地缓存提供的,而不是通过网络发送的,因此它不存储原始请求标头。在这种情况下,你可以尝试禁用缓存以查看完整的请求标头1
  1. 网络资源无效:例如,在console中尝试输入一个不存在的URL,由于安全原因,DevTools可能只显示临时标题1
  1. 请求被浏览器插件拦截:如果你的Chrome浏览器上安装了许多插件,那么这可能是其中一个插件拦截了你的请求23
  1. 服务器出错或者超时:如果服务器没有给出真正的响应,那么你也会看到这样的提示23
  1. 强缓存:如果请求是从硬盘缓存或者内存缓存中获取的,那么你也看不到完整的响应标头23

如果你已经禁用了缓存,但还是看到了这样的提示,那么可能是上述的一种或者多种情况导致的。你可以尝试检查你的网络请求,看看是否有任何可以被优化的地方,比如确保你的请求没有被浏览器插件拦截,或者你的服务器能够正常响应请求。

-

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您提到的错误信息"Uncaught runtime errors:×ERRORNetwork ErrorAxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14)"是Axios库在发送网络请求时出现的网络错误。这个错误通常是由于网络连接问题或后端服务器无法响应导致的。根据错误信息中提到的位置"webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14",问题可能出现在Axios库的xhr.js文件的第155行的处理函数中。然而,无法确定具体的解决方案,因为有提供更多的上下文信息。要解决此问题,您可以尝试以下几个步骤: 1. 确保您的网络连接正常,尝试通过其他方式访问相同的请求URL,检查是否能够成功获取响应。 2. 检查您的后端服务器是否正常运行,并能够正确处理该请求。您可以通过访问后端API的URL,或者使用类似Postman的工具进行测试。 3. 检查您的webpack配置文件中是否正确引入了Axios库,并且是否进行了适当的配置。确保您引入了正确的Axios版本,并按照官方文档提供的方式使用它。 4. 如果您使用了代理服务器进行请求转发,请确认代理服务器的配置正确,并且能够正确地转发请求到后端服务器。 如果尝试了以上步骤仍然无法解决问题,建议您提供更多的上下文信息,例如您发送请求的代码片段、后端服务器的相关信息等。这样有助于更准确地诊断和解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [node-polyfill-webpack-plugin:Webpack中的Polyfill Node.js核心模块](https://download.csdn.net/download/weixin_42131443/18341461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue3与spring boot 的跨域问题](https://blog.csdn.net/MonkeyRideDonkey/article/details/131872502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [手动解决Cannot find module '@sentry/webpack-plugin'等问题](https://download.csdn.net/download/jlq_diligence/28725246)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值