Weex-http 是一款基于 Fetch API 封装的 HTTP 请求库，提供了丰富的 API，支持请求拦截、响应拦截和错误处理等功能，方便、快捷地进行数据交互。
安装
使用 npm 可以很方便地安装 weex-http：
$ npm install weex-http --save
使用示例
导入 weex-http：
import http from 'weex-http'
发送一个 HTTP GET 请求：
http.get('https://example.com').then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})发送一个 HTTP POST 请求：
http.post('https://example.com', { data: 'hello world' }).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})发送一个 HTTP PUT 请求：
http.put('https://example.com', { data: 'hello world' }).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})发送一个 HTTP DELETE 请求：
http.delete('https://example.com').then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})请求配置
weex-http 支持多种请求配置，包括请求头、请求参数和请求超时等，这些配置可以直接在调用请求的 API 时传入。
请求头
请求头可以用来传递一些特殊的信息，比如 token 等：
http.get('https://example.com', { headers: { Authorization: 'Bearer token' } }).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})请求参数
请求参数可以包含在请求 URL 或请求体中，如果包含在 URL 中，可以简单地将参数添加到 URL 后面即可，如果包含在请求体中，可以通过将 data 选项传入请求方法来实现：
http.post('https://example.com', { data: { name: 'John' } }).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})请求超时
可以设置请求超时时间，如果请求在指定时间内没有完成，会触发错误回调：
http.get('https://example.com', { timeout: 5000 }).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})拦截器
weex-http 提供了请求拦截器和响应拦截器，这两种拦截器可以用来在请求或响应时进行一些额外的操作，比如添加公共请求头、修改响应数据等。
请求拦截器
请求拦截器会在请求被发送之前生效，你可以在请求拦截器中添加一些公共的请求头：
http.interceptors.request.use(config => {
config.headers.Authorization = 'Bearer token'
return config
})响应拦截器
响应拦截器会在响应被处理之前生效，你可以在响应拦截器中对响应数据进行一些修改：
http.interceptors.response.use(response => {
response.data = response.data.toUpperCase()
return response
})错误处理
weex-http 支持对 HTTP 错误进行统一处理：
http.get('https://example.com').then(response => {
console.log(response)
}, error => {
console.log('Something went wrong:', error.message)
})结语
weex-http 是一款简洁、易用的 HTTP 请求库，提供了丰富的 API 和功能，让数据交互变得更加高效、自动化。这篇文章介绍了 weex-http 的基本使用方式，以及一些高级特性的使用方法，希望能够帮助大家更好地使用该库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005598581e8991b448d71b1