axios使用
时间: 2023-06-28 18:15:05 浏览: 52
Axios 是一个基于 Promise 的 HTTP 库,可以用于浏览器和 Node.js。它可以轻松地发送异步 HTTP 请求到后台并获取响应数据。以下是 axios 的使用方法:
1. 安装 axios:
```bash
npm install axios
```
2. 引入 axios:
```javascript
import axios from 'axios'
```
3. 发送 GET 请求:
```javascript
axios.get('/api/data')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
4. 发送 POST 请求:
```javascript
axios.post('/api/data', {
data: 'data'
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
以上是 axios 的基本使用方法,使用时需要注意的是,axios 默认使用 JSON 格式传递数据,如果需要发送 FormData 数据,需要手动设置请求头,如下所示:
```javascript
const formData = new FormData()
formData.append('file', file)
axios.post('/api/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
此外,还可以设置请求拦截器和响应拦截器,用于统一处理请求和响应数据。