在前端开发中，我们经常会使用到 fetch API 来发送 HTTP 请求获取数据，但是在使用过程中可能会遇到一些问题，例如请求失败处理、请求头设置、拦截器等。为了方便开发者在 Ember 框架下做这些事情，ember-fetch-service 库被开发出来了。
本篇文章将为大家详细介绍如何在 Ember 中使用 ember-fetch-service 库。
安装
我们可以通过 npm 来安装这个库。
npm install ember-fetch-service
使用
安装完成后我们需要在 Ember 应用中引入该库，并创建 fetch 服务。在相应的控制器或组件中使用该服务即可发送请求。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------ ---- -------------------------------
------ ------- -------------------------
------ -----------------------
-------- -
------------ -
-----------------------------------------------------
------------ -- -
------------------
--
-------------- -- -
---------------------
---
-
-
---在上面例子中，我们在控制器中创建了一个 fetch 服务，并在 fetchPosts 方法里使用该服务发送了一个 GET 请求。
可以看到在创建服务时不需要传入任何参数，我们只需要在控制器中使用 Ember.inject.service() 来注入该服务即可使用。
下载文件
该库也支持下载文件。我们只需要在 request() 方法中传入 { dataType: 'blob' } 参数，并使用 window.URL.createObjectURL() 方法创建 URL，然后使用 window.open() 方法打开该 URL 即可下载文件。
fetch.downloadFile('http://example.com/file.pdf')
.then((data) => {
const url = window.URL.createObjectURL(data);
window.open(url);
});拦截器
该库还支持添加请求拦截器和响应拦截器，我们可以在 beforeRequest() 和 afterResponse() 方法里实现我们自己的逻辑。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------ ---- -------------------------------
------ ------- -------------------------
------ -----------------------
------ -
--------------------------
----- ------------ - ------------------
-------------------------- - ----- -------- -- -
-- --------
------ ----- ---------
--
-------------------------- - ---------- -- -
-- --------
------ ---------
-
--
-------- -
------------ -
-----------------------------------------------------
------------ -- -
------------------
--
-------------- -- -
---------------------
---
-
-
---结语
通过本篇文章的学习，你应该已经学会了如何在 Ember 应用中使用 ember-fetch-service 库来发送 HTTP 请求并处理请求失败、设置请求头、添加拦截器等功能。希望这些内容对你的开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733d890c4f727758358b