简介
在前端开发中，我们通常需要从服务器中获取一些数据，这时候就需要使用 fetch API。然而，在实际开发过程中，我们经常会发现，我们需要请求的 URL 是相对路径，而相对路径会根据当前页面的 URL 发生变化。这时候就会导致我们无法正确地请求到数据。为了解决这个问题，我们可以使用 npm 包 fetch-absolute。
fetch-absolute 是一个简单易用的 npm 包，它可以帮助我们将相对路径转换为绝对路径，从而保证我们能够正确地获取到数据。
安装
你可以通过 npm 安装 fetch-absolute：
npm install fetch-absolute
使用方法
使用 fetch-absolute 很简单，只需要在请求 URL 前加上 '/'，fetch-absolute 就会将其转换为绝对路径。例如：
import fetchAbsolute from 'fetch-absolute';
fetchAbsolute('/api/data').then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});在上面的例子中，我们使用 fetchAbsolute('/api/data') 发起了一个请求。由于 URL 是相对路径，所以我们在前面加上了 '/'，fetch-absolute 就会将其转换为绝对路径，并发送请求。
同时，fetch-absolute 也支持其他选项，例如设置请求方法、请求头和请求体等。例如：
-- -------------------- ---- -------
------ ------------- ---- -----------------
----- -------------- - -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
--------- -------
--------- -----
--
--
----------------------- ----------------------------- -- -
----------------------
-------------- -- -
---------------------
---在上面的例子中，我们设置了请求方法为 POST，请求头为 application/json，并设置了请求体。
总结
fetch-absolute 是一个非常实用的 npm 包，它可以帮助我们将相对路径转换为绝对路径，从而保证我们能够正确地获取到数据。同时，fetch-absolute 也提供了一些选项，使我们能够更加灵活地设置请求。希望本文对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554aa81e8991b448d1e15