前端性能优化：抛弃 XMLHttpRequest 拥抱 fetch 接口

小渣渣

需求：在同源的情况下，前端向后端接口发送 GET、POST 请求，由于接口是公开的，并不需要携带任何身份验证信息，例如：请求 Cookie 信息，在使用 XMLHttpRequest 的时候，无论如何配置，都无法删除请求 Cookie 信息，这会导致请求包内容变大，而且也浪费后端资源去解析，毫无意义。

在无论是使用原生的 XMLHttpRequest 还是 jQuery 的 Ajax 向后端发送请求，同源情况下，都是无法去掉请求的 Cookie 信息，代码如下：

登录可见。

因为 withCredentials 是为跨域设计的。如下图：



还是携带上了 cookie，浪费资源带宽和后端资源。

使用 fetch 修改后，代码如下：

登录可见。

credentials 配置如下：

omit：永远不要在请求中发送凭据，也不要将凭据包含在响应中。
same-origin（默认）：仅发送和包含同源请求的凭据。
include：即使是跨域访问，也务必包含凭据。

测试请求，非常干净清爽，如下图：



参考：超链接登录可见。