vue3封装axios
时间: 2023-06-21 11:18:29 浏览: 147
详解vue中axios的封装
好的,以下是一个简单的封装axios的示例代码,基于Vue 3:
```javascript
import axios from 'axios'
const apiClient = axios.create({
baseURL: process.env.VUE_APP_API_URL,
headers: {
Accept: 'application/json',
'Content-Type': 'application/json'
}
})
export default {
get(url, params) {
return apiClient.get(url, { params })
},
post(url, data) {
return apiClient.post(url, data)
},
put(url, data) {
return apiClient.put(url, data)
},
delete(url) {
return apiClient.delete(url)
}
}
```
这里我们使用了axios的create方法创建了一个实例,然后定义了一些常用的请求方法,包括get、post、put、delete。我们还可以在apiClient中设置一些公共的请求头,如Accept和Content-Type等。整个封装的过程就是将常用的请求方法进行了封装,使得我们在使用时更加方便和简洁。
阅读全文