前言
在前端开发中，npm 包已经成为不可或缺的一部分。随着前端工具越来越智能化，我们可以很方便地使用别人的 npm 包完成前端开发中的各种需求。而今天，我们要介绍一个非常有用的 npm 包——doorway。
doorway 可以让我们在前端开发中，无需任何后端支持、不需要跨域设置，就能够快速访问其他站点中的数据。那么我们今天就来详细地了解下 doorway 的使用方法。
安装 doorway
安装 doorway 非常简单，只需要在终端里输入以下命令即可：
npm install --save doorway
安装完成之后，我们就可以在项目中使用 doorway 了。
使用方式
使用 doorway 只需要以下两个步骤：
- 导入 doorway 库
- 使用 doorway 发送请求
先来看一下第一个步骤——导入 doorway 库。我们通常使用以下方式导入：
import doorway from 'doorway'
有些情况下可能会提示导入失败，这时需要在 package.json 文件里修改配置：
{
"resolutions": {
"https://npmjs.com/doorway/x.y.z": "^1.0.0"
}
}其中 x.y.z 是你的 doorway 版本号。
导入完成之后，我们就可以使用 doorway 来发送请求了。doorway 提供了 get、post、put、delete 几个方法来方便我们发送请求。其中最常用的是 get 方法，我们可以通过以下方式使用：
doorway.get('https://www.baidu.com', {
userName: '张三',
password: '123456'
}, (res) => {
console.log(res)
}, (err) => {
console.log(err)
});代码说明：
- 第一个参数表示请求的 URL 地址。
- 第二个参数是一个可选的请求参数对象，如果不需要参数可以传入 null。
- 第三个参数是请求成功后的回调函数。
- 第四个参数是请求失败后的回调函数。
在请求成功后，doorway 会将服务器返回的数据作为参数传递给回调函数，并且会自动解析成 JSON 格式数据。在请求失败时，doorway 会将错误信息作为参数传递给回调函数。
功能扩展
如果默认的 get、post、put、delete 方法不能满足我们的需求，我们还可以自定义方法。我们可以通过以下方式自定义一个名为 upload 的 post 方法：
-- -------------------- ---- -------
-------------- - ----- ----- ---------------- -------------- -- -
-- ------
--- ------- - -
--------------- ----------------------
--
-- -- -------------- ----
--- --- - --- -----------------
---------------- ---- ------
-- -----
--- ---- --- -- -------- -
------------------------- --------------
-
-- ---------
---------- - -- -- -
-- ----------- --- ---- -
----------------------------------
- ---- -
------------------------------
-
--
-- ---------
----------- - -- -- -
------------------------------
--
-- ----
---------------
--自定义方法的实现方式与普通的 AJAX 请求相似，我们可以通过修改请求头、自定义请求方法等方式达到我们需要的效果。
总结
通过本篇文章的介绍，我们可以学习到如何使用 doorway 快速访问其他站点的数据。doorway 的实现依赖于 CORS（跨域资源共享）技术，因此我们无需在服务端进行跨域设置就可以实现跨域访问。同时，doorway 还提供了自定义方法的扩展功能，便于我们满足更多的需求。
在实际开发中，我们可以使用 doorway 来访问其他站点的 API，或者实现一些特殊的需求。但是需要注意，在使用 doorway 进行数据访问的时候，我们需要保证安全性，避免泄露敏感信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557ff81e8991b448d521f