vue-cli中如何使用axios
时间: 2023-08-07 20:05:43 浏览: 118
Vue-CLI 是一个基于 Vue.js 进行快速开发的完整系统,其中也集成了 Axios,使用 Axios 发送 HTTP 请求非常方便。以下是使用 Axios 的步骤:
1. 首先需要安装 Axios,可以在终端中使用 npm 安装:
```
npm install axios
```
2. 在 Vue 项目中,可以在 main.js 中引入 Axios,并将其挂载到 Vue 实例上:
```javascript
import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$http = axios
```
3. 在组件中使用 Axios 发送请求,可以在该组件的 methods 中使用 $http 对象来发送请求,例如:
```javascript
methods: {
fetchData() {
this.$http.get('/api/data').then(response => {
this.data = response.data
})
}
}
```
在上面的代码中,使用了 $http 对象发送了一个 GET 请求,请求的 URL 是 /api/data,请求成功后将返回的数据赋值给了组件的 data 属性。
以上就是使用 Axios 在 Vue-CLI 中发送 HTTP 请求的简单步骤。当然,Axios 还提供了很多高级特性,例如拦截器、取消请求等,您可以参考 Axios 的官方文档进行学习和使用。
阅读全文