npm 包 alpucka-http 使用教程

简介

alpucka-http 是一个基于 axios 的简化封装，用于简化前端发起 ajax 请求的过程，提升开发效率。

安装

通过 npm 安装 alpucka-http：

npm install alpucka-http

使用

1. 引入 alpucka-http：

import httpRequest from 'alpucka-http'

1. 发起 GET 请求：

httpRequest.get('/api/user/123').then(
  response => {
    console.log(response.data)
  },
  error => {
    console.log(error)
  }
)

1. 发起 POST 请求：

httpRequest.post('/api/user', { name: 'John' }).then(
  response => {
    console.log(response.data)
  },
  error => {
    console.log(error)
  }
)

配置

可以通过传入一个配置对象来配置 alpucka-http：

-- -------------------- ---- -------
-------------
  ------- -------
  ---- ------------
  ----- -
    ----- ------
  -
--------
  -------- -- -
    --------------------------
  --
  ----- -- -
    ------------------
  -
-

拦截器

alpucka-http 支持请求和响应拦截器，用于在发起请求或接收响应时对数据进行处理。

请求拦截器

-- -------------------- ---- -------
-- -------
-------------------------------------
  ------ -- -
    -- -----------
    ------ ------
  --
  ----- -- -
    -- ---------
    ------ ---------------------
  -
-

响应拦截器

-- -------------------- ---- -------
-- -------
--------------------------------------
  -------- -- -
    -- ---------
    ------ --------
  --
  ----- -- -
    -- ---------
    ------ ---------------------
  -
-

错误处理

在 alpucka-http 中，错误处理被集成到 Promise 中，因此可以使用 Promise.catch() 来处理请求错误：

httpRequest.get('/api/user/123').then(
  response => {
    console.log(response.data)
  }).catch(
  error => {
    console.log(error)
  }
)

总结

alpucka-http 是一个简单易用的工具，用于简化前端发起 ajax 请求的过程，提升开发效率。同时，它也支持拦截器和错误处理，使得开发更加方便。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668481e8991b448e2adc