vue3使用axios调取接口
时间: 2023-12-10 18:35:29 浏览: 89
vue利用axios来完成数据的交互
5星 · 资源好评率100%
在Vue3中使用axios调用接口的步骤如下:
1. 首先需要安装axios,可以使用npm或yarn进行安装:
```shell
npm install axios
```
2. 在需要使用axios的组件中导入axios:
```javascript
import axios from 'axios'
```
3. 在组件中使用axios发送请求:
```javascript
axios.get('/api/data')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
其中,`/api/data`是请求的接口地址,`response.data`是接口返回的数据。
4. 如果需要在多个组件中使用axios,可以将axios挂载到Vue的原型对象上:
```javascript
import axios from 'axios'
const app = createApp(App)
app.config.globalProperties.$http = axios
```
这样,在组件中就可以通过`this.$http`来使用axios了。
阅读全文