简介
npm是一个很流行的包管理工具，用来分享、发布、安装包，webgate是一个跨域请求的库，解决了前端跨域问题，使用npm包webgate，可以非常方便的在前端解决跨域问题。
安装
--- ------- ------- ------
使用
基础使用
在需要跨域请求的地方导入webgate：
------ ------- ---- ---------
使用webgate将我们需要请求的数据传入：
---------
----- ------
---- ---------------------------
----- ---
-------- -------------- -
-----------------
--
------ ----------- -
----------------
-
--这就是一个最基本的webgate使用的例子了
高级用法
请求拦截器
有时我们需要在请求之前对数据进行些处理，这时我们可以使用webgate提供的请求拦截器，如下所示：
--------------------------------------- -- - ---------------------------- - ------- - - ---------- ------ ------ -- ----- -- - ------ --------------------- --
我们可以在请求之前加入我们的鉴权信息，当然如果请求完成之后我们需要对数据进行些处理，这时我们可以使用response.interceptors，和request.interceptors的使用一样。
------------------------------------------ -- -
-- ---------------- --- ---- -
------ -------------
- ---- -
------ -----------------------------
-
-- ----- -- -
------ ---------------------
--取消请求
当我们需要在某些情况下取消请求时，webgate也提供了这样的支持。例：
----- ------ - ----------------------------
---------
----- ------
---- ---------------------------
----- ---
------------ -------------
-------- -------------- -
-----------------
--
------ ----------- -
----------------
-
--
------------------------ -------- -- --- -------支持Promise
除了支持普通的回调方式，webgate同时也支持Promise，下面是一个Promise的例子
--------- ----- ------ ---- --------------------------- ----- -- ------------ -- - ----------------- ---------- -- - ---------------- --
结尾
到这里，我们已经完成了一个webgate的总体使用。通过webgate，我们可以在前端非常方便的处理跨域请求的问题。希望大家在实际的项目中能够使用到webgate，加速前端开发的效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005665081e8991b448e271f