vue axios 怎么使用
时间: 2023-10-23 22:18:44 浏览: 83
axios框架的使用(vue中的使用)
5星 · 资源好评率100%
1. 安装axios
```bash
npm install axios --save
```
2. 引入axios
```javascript
import axios from 'axios'
```
3. 发送请求
```javascript
axios.get(url, config)
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
})
```
其中,`url`为请求的地址,`config`为请求的配置,包括请求类型、请求头、请求参数等。
4. 配置全局axios
可以在Vue的入口文件`main.js`中配置全局axios:
```javascript
import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$axios = axios
```
这样,在组件中就可以直接使用`this.$axios`来发送请求了。
5. 在组件中使用axios
```javascript
export default {
data () {
return {
posts: []
}
},
mounted () {
this.$axios.get('/api/posts').then(response => {
this.posts = response.data
})
}
}
```
在组件中,通过`this.$axios`来调用axios的方法,例如`get`、`post`等。在上面的例子中,`this.$axios.get`会发送GET请求到`/api/posts`,并将响应数据中的`data`属性赋值给`posts`数组。
阅读全文