对axios简单封装,方便使用axios完成和后台数据交互
时间: 2023-10-20 11:36:24 浏览: 80
好的,对于axios的简单封装,一般可以封装成一个工具类,方便在整个项目中使用。以下是一个简单的示例:
```javascript
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://localhost:3000/api'
})
export function post(url, data) {
return instance.post(url, data)
}
export function get(url, params) {
return instance.get(url, { params })
}
```
上面的代码中,我们使用了axios的create方法创建了一个实例,设置了公共的基础URL。然后封装了post和get两个方法,用于进行post和get请求。
在具体使用时,我们只需要引入该工具类,然后调用post或get方法即可:
```javascript
import { post, get } from 'utils/request'
// 发送post请求
post('/login', { username: 'admin', password: '123456' }).then(res => {
console.log(res)
})
// 发送get请求
get('/user', { id: 1 }).then(res => {
console.log(res)
})
```
当然,对于更复杂的情况,我们还可以添加拦截器、设置超时时间等。但以上的代码已经可以帮助我们完成基本的和后台数据交互了。
阅读全文