vue怎么通过调用后端接口的时候携带两个参数
时间: 2024-04-06 15:31:52 浏览: 119
vue中filters 传入两个参数 / 使用两个filters的实现方法
5星 · 资源好评率100%
在 Vue 中调用后端接口携带参数可以使用 axios 库,通过在请求的 URL 中拼接参数或者使用请求体传递参数的方式来实现。下面是其中一种实现方式:
```javascript
import axios from 'axios'
// 定义请求参数
const data = {
param1: 'value1',
param2: 'value2'
}
// 发送 GET 请求
axios.get('/api/getData', {
params: data
}).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})
// 发送 POST 请求
axios.post('/api/postData', data).then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})
```
在以上代码中,我们通过在 `axios.get()` 和 `axios.post()` 方法的第二个参数中传递一个 `params` 对象或者一个普通的 `data` 对象来携带请求参数。其中,`params` 对象用于 GET 请求,会将参数拼接到 URL 的末尾,`data` 对象用于 POST 请求,参数会放在请求体中传递。
阅读全文