101 lines
1.8 KiB
Markdown
101 lines
1.8 KiB
Markdown
---
|
|
title: 动态地址
|
|
---
|
|
|
|
# {{ $frontmatter.title }}
|
|
|
|
::: tip {{ $frontmatter.title }}
|
|
简化设置地址参数。
|
|
:::
|
|
|
|
## 设置 `params` 动态参数
|
|
|
|
可以设置属性 `params`，最终会从 `params` 中获取到对应的值。
|
|
|
|
::: warning 注意
|
|
获取到值之后，会从 `params` 中删除对应的属性。
|
|
:::
|
|
|
|
```ts
|
|
import axios from 'axios-miniprogram';
|
|
|
|
// 请求的服务端地址 https://api.com/1
|
|
// 获取到 id 之后，会从 params 中删除 id
|
|
axios('https://api.com/:id', {
|
|
params: {
|
|
id: 1,
|
|
},
|
|
})
|
|
.then((response) => {
|
|
// 成功之后做些什么
|
|
})
|
|
.catch((error) => {
|
|
// 失败之后做些什么
|
|
});
|
|
```
|
|
|
|
## 设置 `data` 动态参数
|
|
|
|
可以设置属性 `data`，最终会从 `data` 中获取到对应的值。
|
|
|
|
```ts
|
|
import axios from 'axios-miniprogram';
|
|
|
|
// 请求的服务端地址 https://api.com/1
|
|
// 获取到 id 之后，不会从 data 中删除 id
|
|
axios('https://api.com/:id', {
|
|
method: 'POST',
|
|
data: {
|
|
id: 1,
|
|
},
|
|
})
|
|
.then((response) => {
|
|
// 成功之后做些什么
|
|
})
|
|
.catch((error) => {
|
|
// 失败之后做些什么
|
|
});
|
|
```
|
|
|
|
## 同时设置 `params` 和 `data`
|
|
|
|
可以同时设置 `params` 和 `data`，会优先从 `params` 中获取对应的值。
|
|
|
|
```ts
|
|
import axios from 'axios-miniprogram';
|
|
|
|
// 请求的服务端地址 https://api.com/1
|
|
axios('https://api.com/:id', {
|
|
method: 'POST',
|
|
params: {
|
|
id: 1,
|
|
},
|
|
data: {
|
|
id: 2,
|
|
},
|
|
})
|
|
.then((response) => {
|
|
// 成功之后做些什么
|
|
})
|
|
.catch((error) => {
|
|
// 失败之后做些什么
|
|
});
|
|
|
|
// 请求的服务端地址 https://api.com/1/2
|
|
axios('https://api.com/:id1/:id2', {
|
|
method: 'POST',
|
|
params: {
|
|
id1: 1,
|
|
},
|
|
data: {
|
|
id2: 2,
|
|
},
|
|
})
|
|
.then((response) => {
|
|
// 成功之后做些什么
|
|
})
|
|
.catch((error) => {
|
|
// 失败之后做些什么
|
|
});
|
|
```
|