vue中使用axios
时间: 2023-10-23 14:16:06 浏览: 194
在vue组件中使用axios的方法
5星 · 资源好评率100%
在Vue中使用axios需要先安装axios依赖包,可以通过npm或者yarn进行安装。
```javascript
npm install axios --save
```
或者
```javascript
yarn add axios
```
安装完成后,在需要使用axios的地方引入它:
```javascript
import axios from 'axios'
```
接下来就可以使用axios进行网络请求了。例如,使用axios发送GET请求:
```javascript
axios.get('/api/user')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
使用axios发送POST请求:
```javascript
axios.post('/api/user', {
name: 'Tom',
age: 20
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
以上代码中,我们使用axios发送了一个GET请求和一个POST请求,并在请求成功和失败的回调函数中打印出响应数据或错误信息。
阅读全文