vue中怎么引入axios
时间: 2023-10-23 13:19:56 浏览: 129
vue项目中axios使用详解
5星 · 资源好评率100%
在Vue中引入Axios可以通过以下步骤实现:
1. 首先安装Axios。在命令行中输入以下命令来安装Axios:
```
npm install axios
```
2. 在需要使用Axios的组件中引入Axios。一般在 `main.js` 中引入,这样整个应用都可以使用Axios。
```javascript
import axios from 'axios'
Vue.prototype.$http = axios
```
3. 在组件中使用Axios。你可以在组件的方法中使用 `this.$http` 来发送请求,例如:
```javascript
methods: {
fetchData() {
this.$http.get('/api/data').then(response => {
this.data = response.data
})
}
}
```
在上面的代码中,`this.$http` 发送了一个GET请求,获取 `/api/data` 的响应,并将响应中的数据赋值给了组件的 `data` 属性。
阅读全文