vue的axios发请求方式
时间: 2023-09-07 09:17:34 浏览: 104
在Vue中使用axios发送请求有以下几个步骤:
1. 安装axios
可以使用npm或yarn安装axios:
```
npm install axios --save
```
或
```
yarn add axios
```
2. 引入axios
在需要使用axios的组件中引入axios:
```javascript
import axios from 'axios'
```
3. 发送请求
使用axios发送请求,可以使用以下方法:
```javascript
axios.get(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.delete(url[, config])
```
其中,`url`是请求的地址,`config`是请求配置对象,`data`是请求数据。
例如,发送一个get请求:
```javascript
axios.get('/api/user', {
params: {
id: 1
}
})
.then(res => {
console.log(res.data)
})
.catch(err => {
console.log(err)
})
```
4. 处理响应
axios返回一个Promise对象,可以使用then和catch方法处理响应和错误:
```javascript
axios.get('/api/user')
.then(res => {
console.log(res.data)
})
.catch(err => {
console.log(err)
})
```
以上就是使用axios发送请求的基本步骤。
阅读全文