开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Gzip压缩不适用于XHR请求

Gzip压缩是一种常用的数据压缩算法，可以在网络传输过程中减少数据的大小，提高传输效率。然而，对于XHR（XMLHttpRequest）请求来说，Gzip压缩并不适用。

XHR是一种用于在浏览器和服务器之间进行异步数据传输的技术，常用于AJAX请求。在XHR请求中，浏览器会自动处理Gzip压缩和解压缩，无需开发人员手动处理。当浏览器发送XHR请求时，会在请求头中添加"Accept-Encoding: gzip, deflate"字段，表示浏览器支持Gzip压缩。服务器收到请求后，如果检测到该字段，会对响应数据进行Gzip压缩，然后再发送给浏览器。浏览器接收到响应后，会自动解压缩数据，并将解压后的数据提供给开发人员使用。

由于浏览器已经自动处理了Gzip压缩和解压缩，因此在XHR请求中手动使用Gzip压缩是多余且无效的。开发人员只需关注XHR请求的发送和接收逻辑，无需额外处理数据的压缩和解压缩。

在腾讯云的产品中，与XHR请求相关的产品包括云函数（SCF）、API网关等。云函数是一种无服务器计算服务，可以用于处理异步请求。API网关是一种用于构建和管理API的服务，可以实现前后端分离的架构。这些产品都支持XHR请求，并且会自动处理Gzip压缩和解压缩，开发人员无需额外关注。

更多关于腾讯云产品的信息，请参考腾讯云官方网站：https://cloud.tencent.com/

相关搜索:AJAX Post请求不适用于Laravel Android分页库不适用于异步请求 asp.net webservice处理gzip压缩请求 CORS POST XHR或Fetch请求不适用于Actix Rust HTTP服务器 curl请求不适用于centOS，但适用于Ubuntu GET请求适用于postman，但不适用于python请求和curl Gzip不适用于`fs.createReadStream`icCube :如何为Excel xmla请求启用Gzip压缩？Jetty 9.4.26 -用于websocket字节消息的gzip压缩 Joomla Gzip压缩只适用于主页

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Java中HTTP请求返回乱码 - GZIP压缩问题

原因用Java调用雪球的API，结果返回的是乱码，一番研究后发现是因为返回的数据使用了GZIP压缩，需要先解压才能得到正确数据。...思路使用了GZIP压缩的数据在响应头里会有一项名为content-encoding的参数，值为gzip。 Java中可以使用.getHeaderField()读取响应头的参数。...如果值不为空，通过值判断是否用了gzip压缩。使用了gzip就解压，没用就不处理。...HttpURLConnection) url.openConnection(); conn.setRequestMethod("POST"); // 发送POST请求必须设置为.../537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36 Edg/98.0.1108.62"); // 发送请求

5.1K4 1

重识Nginx - 07 使用ngx_http_gzip_module对请求开启gizp压缩

文章目录 Pre ngx_http_gzip_module 配置实操 Pre 重识Nginx - 06 搭建静态资源Web服务器(alias VS root) 留下了一个问题，传输数据太大了，肿么办...那就是开启 gzip压缩功能 ---- ngx_http_gzip_module https://nginx.org/en/docs/http/ngx_http_gzip_module.html 支持的属性如上...---- 配置 Syntax: gzip on | off; Default: gzip off; Context: http, server, location, if in location 看下...nginx,conf配置，我们配置到 http下面 gzip on; gzip_min_length 20; gzip_types text/plain application.../sbin/nginx -s reload [root@VM-0-7-centos conf]# 测试下效果，看 Content-Encoding : gzip ---- 实操我们再访问一个网页

2671 0

《前端运维》二、Nginx--3静态资源服务、跨域与其他

语法： Syntax: gzip on / off; Default: gzip off Context: http,server,location 5、gzip_comp_level 压缩比率越高，...http_gzip_static_module：预计gzip模块。 http_gunzip_module ：应用支持gunzip的压缩方式。...(html|js|css)$ { gzip_static on; gzip on; # 启用压缩 gzip_min_length 1k; # 只压缩超过...1K的文件 gzip_http_version 1.1; # 启用gzip压缩所需的HTTP最低版本 gzip_comp_level 9; # 压缩级别，压缩比率越高文件被压缩的体积越小...= function () { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText

4563 0

《前端运维》二、Nginx–3静态资源服务、跨域与其他「建议收藏」

语法： Syntax: gzip on / off; Default: gzip off Context: http,server,location 5、gzip_comp_level 压缩比率越高，...http_gzip_static_module：预计gzip模块。 http_gunzip_module ：应用支持gunzip的压缩方式。...(html|js|css)$ { gzip_static on; gzip on; # 启用压缩 gzip_min_length 1k; # 只压缩超过...1K的文件 gzip_http_version 1.1; # 启用gzip压缩所需的HTTP最低版本 gzip_comp_level 9; # 压缩级别，压缩比率越高文件被压缩的体积越小...= function () { if (xhr.readyState == 4 && xhr.status == 200) { console.log(xhr.responseText

3852 0

WEB性能(7)--XMLHttpRequest

CORS针对客户端的跨域资源请求提供了安全的后门。 CORS也使用相同的XHR API，区别在于请求资源用的URL与当前执行的脚本来自不同的源。...另外，XHR请求默认没有超时限制，这意味着一个请求的进度可以无限长。作为最佳实践，一定要设置适当的超时时间，并处理错误。...六、实时通知与交付 XHR提供了一种简单有效的客户端与服务器同步的方式：必要时，客户端可以向服务器发送一个XHR请求，以更新服务器上的数据。然而，实现同样但相反的操作却更困难一些。...分派和控制HTTP请求只要几行JavaScript代码，而其他负责的工作都交给浏览器了：浏览器格式化HTTP请求并解析响应；浏览器强制施加相关的安全（同源）策略；浏览器处理内容协商（如gzip...压缩）；浏览器处理请求和响应的缓存；浏览器处理认证、重定向…… 不过，XHR也有自身的局限性，比如不适合流式数据处理。

8661 0

前端网络高级篇（六）网站性能优化

此方案不适合mobile应用；IE7以下不支持；如果一张图片在多个页面被用到，无法利用浏览器缓存。...使用CDN 内容发布网络(CDN)是一组分布在多个不同地理位置的WEB服务器，用于更加有效地向用户发布内容。 CDN用于发布静态内容，如图片，脚本，样式表和Flash。...压缩组件开启HTTP Gzip压缩。 request: Accept-Encoding: gzip, deflate response:Content-Encoding:gzip 5....压缩JavaScript和CSS 可以用各类构建或者编译工具压缩脚本和样式文件，比如：gulp，webpack 11. 少用iframe iframe是开销最高的DOM元素，它的缺点远大于优点。...因此不适合加载第三方文件；脚本无序执行。

1.9K3 0

HTTP协议学习

请求(Request) — 客户端浏览器发送web服务器，用于标明此次请求的目的 (1).GET：表客户端想“获得”指定的资源，请求方式有地址栏输URL、超链接/JS跳转、SRC/HREF属性、表单GET...，尽量减少请求次数--合理进行资源合并，合理使用缓存 (4).等待响应时间，提高服务器运行速度，提高数据运算及查询速度 (5).接收响应，尽可能减少响应数据长度--删除空白字符，启压缩 11.HTTP协义详解...告诉客户端内容经过了gzip压缩 B.请求/响应消息通用头 a.Connection:keep-alive , 启用持久链接 b.Cache-Control:no-cache, 告诉对方如何缓存当前消息主体中的数据...，XML用于描述网页数据 28.面试题：跨域请求和JSONP Cross Domain Request：从一个资源请求另一个资源，二者所在的请求地址不同，域名不同、端口号不同、请求协议不同提示：localhost...和127.0.0.1也算跨域浏览器允许跨域请求的情形：IMG、LINK、SCRIPT、IFRAME 浏览器禁止跨域请求的情形：XHR—浏览器处于安全考虑，禁用了XHR的跨域请求（其实服务器给出了响应消息

6.6K1 0

跨域资源共享（CORS）

CORS故障会导致错误，但是出于安全原因，该错误的详细信息不适用于JavaScript。所有代码都知道发生了错误。确定具体出问题的唯一方法是查看浏览器的控制台以获取详细信息。...此类代码可用于部署在foo.example以下位置的JavaScript中： const xhr = new XMLHttpRequest(); const url = 'https://bar.other.../resources/public-data/'; xhr.open('GET', url); xhr.onreadystatechange = someHandler; xhr.send();...以下是将要进行预检的请求的示例： const xhr = new XMLHttpRequest(); xhr.open('POST', 'https://bar.other/resources/post-here...用于响应预检请求。上面讨论了请求被预检的条件。

3.5K5 0

对不起，看完这篇HTTP，真的可以吊打面试官

，通常，如果服务器使用 CPU 超过 80% ，Microsoft 则建议不要使用压缩下面是 Accept-Encoding 的使用方式 Accept-Encoding: gzip Accept-Encoding...;q=1.0, *;q=0.5 上面的几种表述方式就已经把 Accept-Encoding 的属性列全了 gzip: 由文件压缩程序 gzip 生成的编码格式，使用 Lempel-Ziv编码（LZ77...Content-Encoding Content-Encoding 实体标头用于压缩媒体类型，它让客户端知道如何进行解码操作，从而使客户端获得 Content-Type 标头引用的 MIME 类型。...请求头用于将证书提供给代理服务器。...服务器还可以通知客户端是否应与请求一起发送凭据（例如 Cookies 和 HTTP 身份验证）。注意：CORS 故障会导致错误，但是出于安全原因，该错误的详细信息不适用于 JavaScript。

6.3K2 1

前端获取下载进度——从入门到放弃

，现网请求时，文件不再以原大小的方式直接返回，而是通过 gzip 之后再返回。...fetch 的方式fetch 是一个比较新的API，从发请求的角度来说，fetch 相比于 XMLHttpRequest 更方便调用。...fetch 把请求分为了两步，第一步是从发起请求到接收返回头，第二步是 body 内容，所以在 fetch 调用时，如果要获取返回，一般有两个 await 如下:const response = await...解决方案事情到了这里，不管是用 XMLHttpRequest，还是使用 fetch 也好，最终都回到了同一个问题上，gzip 之后，无法获取下载进度，除非每次请求都不使用 gzip 之后的，但是这样无异于饮鸩止渴...当然，也并不是说 xhr 和 fetch 就完全不能用来获取下载进度了，只要能保证 response headers 中的 content-length 和文件大小是一致的，就也可以用xhr/fetch

9784 0

震惊 | HTTP 在疫情期间把我吓得不敢出门了

，通常，如果服务器使用 CPU 超过 80% ，Microsoft 则建议不要使用压缩下面是 Accept-Encoding 的使用方式 Accept-Encoding: gzip Accept-Encoding...;q=1.0, *;q=0.5 上面的几种表述方式就已经把 Accept-Encoding 的属性列全了 gzip: 由文件压缩程序 gzip 生成的编码格式，使用 Lempel-Ziv编码（LZ77...Content-Encoding Content-Encoding 实体标头用于压缩媒体类型，它让客户端知道如何进行解码操作，从而使客户端获得 Content-Type 标头引用的 MIME 类型。...请求头用于将证书提供给代理服务器。...服务器还可以通知客户端是否应与请求一起发送凭据（例如 Cookies 和 HTTP 身份验证）。注意：CORS 故障会导致错误，但是出于安全原因，该错误的详细信息不适用于 JavaScript。

5.2K2 0

《JavaScript 模式》读书笔记（8）— DOM和浏览器模式2

建立一个HTTP请求分为如下三个步骤：建立一个XMLHttpRequest对象（简写为XHR）。提供一个回调函数来告知请求对象改变状态。发送请求。　　...以上列出来的代码将会在每次创建请求的时候，就检查浏览器支持的方法来创建XHR对象。...应该经常维护对脚本文件的压缩，这只需要在服务器配置中启用gzip压缩支持就可以实现，这样的配置会立即提高速度。...这种方法不适用于Safari 2。如果确实需要支持该版本浏览器，请创建一个时间间隔来定期检查是否指定变量（在附加文件中定义的变量）已经定义。当该变量被定义后，就意味着新脚本已经加载并执行了。　　...多种用于远程脚本的模式，这些远程脚本实现服务器和客户端直接的通信，主要包括XHR、JSONP、框架和图像灯塔。在产品环境配置JavaScript。

1.1K2 0

《JavaScript 模式》读书笔记（8）— DOM和浏览器模式2

建立一个HTTP请求分为如下三个步骤：建立一个XMLHttpRequest对象（简写为XHR）。提供一个回调函数来告知请求对象改变状态。发送请求。　　...以上列出来的代码将会在每次创建请求的时候，就检查浏览器支持的方法来创建XHR对象。...应该经常维护对脚本文件的压缩，这只需要在服务器配置中启用gzip压缩支持就可以实现，这样的配置会立即提高速度。...这种方法不适用于Safari 2。如果确实需要支持该版本浏览器，请创建一个时间间隔来定期检查是否指定变量（在附加文件中定义的变量）已经定义。当该变量被定义后，就意味着新脚本已经加载并执行了。　　...多种用于远程脚本的模式，这些远程脚本实现服务器和客户端直接的通信，主要包括XHR、JSONP、框架和图像灯塔。在产品环境配置JavaScript。

9593 0

资源文件的动态加载

比如加载某网页需要下载13个资源文件（包含原始的html）、全都是CSS不会产生JS延迟、每次请求耗时100ms，那么浏览器第一次连接用于请求html，第二到第七次连接并发请求2-7号资源，第八到第十三次连接并发请求...缺点是BASE64在一定程度上会增大文件大小（即使用了GZip压缩）；浏览器也要重新解码显示，会带来一定的性能问题；最重要的是，无法被缓存，每次请求HTML/CSS都会加载一遍。...不管是CSS Sprites还是Data URL都是针对网站本身的样式来说，不适合把内容中的图片（比如新闻中的图片）捆绑进HTML/CSS/图片中。...实现动态加载JS的方式： iframe document.write head.appendChild(script) 可跨域 xhr请求，然后eval xhr注入逐个分析： 1、document.write...为了实现这样的目标，LABjs 使用了上面方法中的三种，分别是：Script DOM Element、cache trick、XHR Injection。

2.3K9 0

Nginx 从入门到实践，万字详解！

只有得到肯定答复，浏览器才会发出正式的 XHR 请求，否则报错。 2.2 跨域在浏览器上当前访问的网站向另一个网站发送请求获取数据的过程就是跨域请求。...一般在请求 html 和 css 等静态资源的时候，支持的浏览器在 request 请求静态资源的时候，会加上 Accept-Encoding: gzip 这个 header，表示自己支持 gzip 的压缩方式...，Nginx 在拿到这个请求的时候，如果有相应配置，就会返回经过 gzip 压缩过的文件给浏览器，并在 response 相应的时候加上 content-encoding: gzip 来告诉浏览器自己采用的压缩方式...gzip 压缩； gzip_vary：用于在响应消息头中添加 Vary：Accept-Encoding，使代理服务器根据请求头中的 Accept-Encoding 识别是否启用 gzip 压缩；...gzip_comp_level：gzip 压缩比，压缩级别是 1-9，1 压缩级别最低，9 最高，级别越高压缩率越大，压缩时间越长，建议 4-6； gzip_buffers：获取多少内存用于缓存压缩结果

1.3K3 0

爬坑 http协议的options请求

可以发现，在浏览器发起xhr请求的时候，会先一步发起OPTIONS请求，然后是正常的GET或者POST请求这是啥原因呢，这其实是一个预检请求，预见请求成功，就会发送真正的请求 ?...提及下，xhr请求，CORS(跨域资源共享)是需要了解下的 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS nginx处理跨域，如下配置即可...server { listen 9090; server_name 0.0.0.0; gzip on; gzip_min_length 1k;...gzip_buffers 4 16k; #gzip_http_version 1.0; gzip_comp_level 2; gzip_types application...off; gzip_disable "MSIE [1-6]\

8651 0

ajax

/1.1 200 OK 头 Content-Type: text/html;charset=utf-8 Content-length: 2048 Content-encoding: gzip...h1>aaa http HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网...HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。...浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送响应信息。原生js发送ajax请求 get请求 <!...初始化设置请求方法和 url xhr.open('GET', 'http://127.0.0.1:8000/server?

1.5K1 0

AJAX 原理与 CORS 跨域

，它用于使浏览器向服务器请求额外的数据而不卸载页面，极大的提高了用户体验。...- DELETE：请求服务器删除Request-URI所标识的资源。 - TRACE：回显服务器收到的请求，主要用于测试或诊断。...- PATCH: 用于对资源进行部分修改 HTTP头部信息每个HTTP请求和响应都带有头部信息，xhr对象允许我们操作部分头部信息。...// 未取到 Accept-Encoding: 浏览器能够处理的压缩编码。// gzip,deflate Accept-Language: 浏览器当前设置的语言。...name=Nicholas'; 这种方式常用于服务端统计广告的点击次数，其缺陷为：只能是GET请求单向通信，无法获取响应文本另外还有 JSONP： function handleResponse(

1.3K2 1

Nginx 动态压缩与静态压缩，显著提高前后端分离项目响应速度！

确保 nginx 运行成功后，接下来对 nginx 进行配置： gzip on; # 开启 gzip gzip_min_length 2k;# 超过 2kb 进行压缩 gzip_disable msie6...; # ie6 不适用 gzip gzip_types text/css application/javascript text/javascript image/jpeg image/png image...2.2.2 Nginx 静态压缩上面的动态压缩有一个问题，就是每次请求响应的时候都要压缩，其实都是相同的文件，总是压缩有点浪费资源。...想让 Nginx 返回已经压缩好的文件，需要用到 Nginx 中的 http_gzip_static_module 模块，这个模块可以发送以 .gz 作为文件扩展名的预压缩文件，所以我们要对 Nginx...配置完成后，重启 Nginx，再去访问，查看浏览器日志，就会发现 gzip 已经生效了。「注意」静态压缩返回的 gzip 压缩文件都是提前准备好的，没有 .gz 格式的文件就会自动返回原文件。

2.9K3 1

安全系列之:跨域资源共享CORS

,那么我们可以编写的JS代码如下： const xhr = new XMLHttpRequest(); const url = 'https://google.com/data/dataA'; xhr.open...('GET', url); xhr.onreadystatechange = someHandler; xhr.send(); 该请求是一个最基本的CORS请求，我们看下客户端发送的请求包含哪些数据...const xhr = new XMLHttpRequest(); xhr.open('POST', 'https://google.com/data/dataA');flydean xhr.setRequestHeader...('cust-head', 'www.flydean.com'); xhr.setRequestHeader('Content-Type', 'application/xml'); xhr.onreadystatechange...= handler; xhr.send('www.flydean.com'); 上例中，我们向服务器端发送了一个POST请求，在这个请求中我们添加了一个自定义的header

3614 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭