介绍
swrest 是一个前端网络请求库,支持浏览器和 Node.js 环境。它提供了一个简单易用的 API,让开发者可以轻松地发起 GET、POST、PUT、DELETE 等各种类型的网络请求。swrest 还支持请求拦截、响应拦截、错误处理等常见的功能。
安装
使用 npm 可以轻松地安装 swrest:
npm install swrest
使用示例
发起 GET 请求
swrest.get 方法可以发起一个 GET 请求,并返回 Promise 对象:
import swrest from 'swrest'; swrest.get('https://jsonplaceholder.typicode.com/posts/1') .then(response => console.log(response.data)) .catch(error => console.error(error));
发起 POST 请求
swrest.post 方法可以发起一个 POST 请求,并返回 Promise 对象:
-- -------------------- ---- ------- ------ ------ ---- --------- --------------------------------------------------------- - ------ ------ ----- ------ ------- - -- -------------- -- --------------------------- ------------ -- ----------------------
请求拦截
使用 swrest.interceptors.request.use 方法可以设置请求拦截器,在发起请求前对请求做一些处理:
-- -------------------- ---- ------- ------ ------ ---- --------- -------------------------------------- -- - ------------------------------- - ------- ------- ------ ------- --- ---------------------------------------------------------- -------------- -- --------------------------- ------------ -- ----------------------
响应拦截
使用 swrest.interceptors.response.use 方法可以设置响应拦截器,在接收到响应后对响应做一些处理:
-- -------------------- ---- ------- ------ ------ ---- --------- ----------------------------------------- -- - ------------- - ---------------------------- ------ --------- --- ---------------------------------------------------------- -------------- -- --------------------------- ------------ -- ----------------------
错误处理
swrest 支持全局和局部的错误处理。使用 swrest.interceptors.response.use 方法可以设置全局的错误处理函数:
-- -------------------- ---- ------- ------ ------ ---- --------- --------------------------------- -------- -- --------- ----- -- - --------------------- ----------- ------ ---------------------- - -- ---------------------------------------------------------- -------------- -- --------------------------- ------------ -- --------------------- ------ ------------
也可以在发起请求时设置局部的错误处理函数:
import swrest from 'swrest'; swrest.get('https://jsonplaceholder.typicode.com/posts/1', { onError: error => console.error(`Caught error: ${error}`) }) .then(response => console.log(response.data)) .catch(error => console.error(`Error: ${error}`));
总结
swrest 是一个功能强大的前端网络请求库,提供了丰富的功能和简单易用的 API。在实际项目中,使用 swrest 可以方便地处理各种类型的网络请求,并对请求和响应做出一些处理和拦截,还可以方便地处理错误。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005668681e8991b448e2b45