vue 封装 axios
时间: 2023-11-19 17:05:52 浏览: 121
上电斜坡条件-vue简单封装axios之解决post请求后端接收不到参数问题
以下是Vue封装Axios的示例代码:
```javascript
// 引入axios
import axios from 'axios'
// 创建axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的base url
timeout: 5000 // 设置请求超时时间
})
// 封装get请求
export function get(url, params) {
return instance.get(url, {params})
}
// 封装post请求
export function post(url, data) {
return instance.post(url, data)
}
```
在上面的代码中,我们首先引入了axios,并创建了一个axios实例。然后,我们封装了get和post请求,这两个方法分别对应了axios实例的get和post方法。在这里,我们可以设置请求的base url和超时时间,也可以设置请求头等其他参数。
阅读全文