vue3axios发送请求
时间: 2023-10-09 20:11:53 浏览: 90
vue 中关于 axios 网络请求的封装:包括请求拦截等内容,附有详细的代码说明!!!
在Vue3中使用axios发送请求,需要先安装axios:
```
npm install axios --save
```
然后在组件中引入axios:
```
import axios from 'axios'
```
接下来可以在组件中使用axios发送请求,例如:
```
axios.get('https://www.example.com/api/data')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
如果需要在请求中传递参数,可以在get方法中添加参数对象:
```
axios.get('https://www.example.com/api/data', {
params: {
id: 123,
name: 'John'
}
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
如果是post请求,需要在请求中添加请求体:
```
axios.post('https://www.example.com/api/data', {
id: 123,
name: 'John'
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
以上就是在Vue3中使用axios发送请求的基本步骤。
阅读全文