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