request 封装的axios
时间: 2023-09-26 21:08:54 浏览: 151
在微信小程序中,可以通过封装一个request方法来实现类似axios的功能。以下是一个封装的示例代码:
```javascript
// 引入wx.request方法
const request = (config) => {
return new Promise((resolve, reject) => {
wx.request({
url: config.url,
method: config.method || 'GET',
data: config.data || {},
header: config.header || {},
success: (res) => {
// 对响应数据做处理
if (res.statusCode === 200) {
resolve(res.data);
} else {
console.error("请求错误");
console.error(res);
reject(res.data);
}
},
fail: (error) => {
reject(error);
}
});
});
};
export default request;
```
你可以将以上代码保存到一个名为request.js的文件中,并在需要的地方引入使用。在需要发送请求的地方,可以通过调用request方法,并传入相应的配置参数来发送请求。
```javascript
import request from 'request.js';
request({
url: 'http://api.example.com/data',
method: 'GET',
data: { key: 'value' },
header: { 'Content-Type': 'application/json' }
}).then((response) => {
// 对响应数据进行处理
}).catch((error) => {
// 对错误进行处理
});
```
通过以上方式,你可以在微信小程序中封装一个类似axios的请求方法,实现请求的拦截和响应的处理。
阅读全文