什么是fetch-ponyfill
fetch-ponyfill是一个用于在浏览器和Node.js中实现跨平台fetch API的npm包，它可以让你在不同的JavaScript环境中使用相同的fetch API，简化开发流程和代码维护。fetch-ponyfill使用了ponyfill，也就是一个不依赖全局变量的polyfill的概念，使得我们可以在AMD或CommonJS模块中使用fetch API。
环境要求
fetch-ponyfill支持所有的ES5+环境，包括浏览器和Node.js
安装
安装fetch-ponyfill可以通过npm直接安装：
npm install --save fetch-ponyfill
使用fetch-ponyfill
fetch-ponyfill提供了两个函数：fetch和Headers。fetch用于发出HTTP请求，而Headers用于设置HTTP请求头。在Node.js环境中，使用它们可以像普通的模块一样导入：
const { fetch, Headers } = require('fetch-ponyfill');在浏览器环境中使用fetch和Headers：
<script src="https://unpkg.com/fetch-ponyfill"></script>
<script>
const { fetch, Headers } = ponyfill;
// ...
</script>fetch使用示例
fetch用于执行HTTP请求。它接受两个参数，第一个是请求的URL，第二个是一个可选的选项对象。
fetch('https://my.api.com/path', {
method: 'POST',
body: JSON.stringify({ name: 'Chris' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(e => console.error(e));其中第二个参数中支持的选项有：
- method: HTTP请求方法，默认为GET
- headers: 请求头配置
- body: 请求体内容
- credentials: 发送请求时是否附带cookies，默认为same-origin
- mode: CORS请求模式
- cache: 请求缓存策略
Headers使用示例
Headers用于构造HTTP请求头。
-- -------------------- ---- ------- ----- ------- - --- ---------- ------------------------------ -------------------- ------------------------------- ------- - - ------- -------------------------------- - -------- ------- -- -------------- -- ---------------- ---------- -- ------------------ -------- -- ------------------
Headers支持的方法：
- append(name, value): 为HTTP头添加值
- delete(name): 删除HTTP头中的一项
- get(name): 获取HTTP头中的值
- has(name): 检查HTTP头是否存在某个属性
- set(name, value): 设置HTTP头中的值
结语
fetch-ponyfill是一个非常实用的npm包，可以帮助我们在不同的JavaScript环境中构建跨平台fetch API。本文简单介绍了fetch-ponyfill的基本使用方法，供读者参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57501