axios接口怎么写
时间: 2024-10-25 14:03:08 浏览: 13
VueJs 搭建Axios接口请求工具
Axios是一个流行的基于Promise的HTTP库,用于浏览器和Node.js环境。它提供了一个简单的API来发送HTTP请求,并且容易与React、Vue等前端框架集成。以下是基本的axios GET请求示例:
```javascript
// 引入axios库
import axios from 'axios';
// 发送GET请求
axios.get('https://api.example.com/data')
.then(response => {
// 请求成功,处理返回的数据
console.log(response.data);
})
.catch(error => {
// 请求错误,处理错误信息
console.error(error.response.data);
});
```
如果你想添加查询参数,可以在URL后面拼接`?param=value`形式:
```javascript
axios.get('https://api.example.com/data', { params: { key: 'value' } })
...
```
对于POST、PUT、DELETE等其他类型的请求,你可以这样做:
```javascript
axios.post('https://api.example.com/users', { username: 'john' })
...
axios.put('https://api.example.com/users/1', { name: 'John Doe' })
...
axios.delete('https://api.example.com/users/1')
...
```
阅读全文