2023-04-14 23:15:49 +08:00
|
|
|
---
|
|
|
|
title: 发送请求
|
|
|
|
---
|
|
|
|
|
|
|
|
# {{ $frontmatter.title }}
|
|
|
|
|
|
|
|
::: tip {{ $frontmatter.title }}
|
|
|
|
发送任意请求方法的 HTTP 请求。
|
|
|
|
:::
|
|
|
|
|
|
|
|
## 基础用法
|
|
|
|
|
2023-04-15 12:20:09 +08:00
|
|
|
您可以直接传递 `url` 发送请求,默认发送的是 `GET` 方法请求。
|
2023-04-14 23:15:49 +08:00
|
|
|
|
|
|
|
```ts
|
|
|
|
import axios from 'axios-miniprogram';
|
|
|
|
|
|
|
|
axios
|
|
|
|
.request('https://api.com/test')
|
|
|
|
.then((response) => {
|
|
|
|
// 成功之后做些什么
|
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
// 失败之后做些什么
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
|
|
|
## 携带自定义配置
|
|
|
|
|
2023-04-15 12:20:09 +08:00
|
|
|
您也可以传递第二个参数 `config`,用于指定请求方法以及其他配置项。
|
2023-04-14 23:15:49 +08:00
|
|
|
|
|
|
|
```ts
|
|
|
|
import axios from 'axios-miniprogram';
|
|
|
|
|
|
|
|
axios
|
|
|
|
.request('https://api.com/test', {
|
|
|
|
method: 'POST', // 此时会发送 POST 方法请求
|
|
|
|
data: {
|
|
|
|
name: 'test',
|
|
|
|
password: '123456',
|
|
|
|
},
|
|
|
|
})
|
|
|
|
.then((response) => {
|
|
|
|
// 成功之后做些什么
|
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
// 失败之后做些什么
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
|
|
|
## 仅有自定义配置
|
|
|
|
|
2023-04-15 12:20:09 +08:00
|
|
|
您也可以忽略以上示例,直接传递 `config` 发送请求。
|
2023-04-14 23:15:49 +08:00
|
|
|
|
|
|
|
```ts
|
|
|
|
import axios from 'axios-miniprogram';
|
|
|
|
|
|
|
|
axios
|
|
|
|
.request({
|
|
|
|
url: 'https://api.com/test/:id',
|
|
|
|
params: {
|
|
|
|
id: 1,
|
|
|
|
},
|
|
|
|
})
|
|
|
|
.then((response) => {
|
|
|
|
// 成功之后做些什么
|
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
// 失败之后做些什么
|
|
|
|
});
|
|
|
|
```
|
2023-04-15 12:20:09 +08:00
|
|
|
|
|
|
|
## 说明
|
|
|
|
|
|
|
|
您可能发现 `axios.request()` 和 `axios()` 使用方式完全一致,为什么?
|
|
|
|
|
|
|
|
其实他们本就是同一个请求函数,`axios` 是基于 `axios.request` 添加了一系列工具函数改造而来,其目的是为了简化使用。
|