在vue中怎么使用axious

在 Vue 中使用 axios：

1. 首先，在 Vue 项目中安装 axios：

npm install axios --save

2. 在 main.js 中引入 axios 并挂载到 Vue.prototype 上：

import Vue from 'vue'
import axios from 'axios'

Vue.prototype.$http = axios

3. 在组件中使用 axios：

export default {
  data () {
    return {
      posts: []
    }
  },
  created () {
    this.$http.get('/api/posts')
      .then(response => {
        this.posts = response.data
      })
      .catch(error => {
        console.log(error)
      })
  }
}

以上代码的意思是，在组件创建时，使用 axios 发送 GET 请求到 /api/posts 接口，成功后将返回的数据存储到组件的 data 中的 posts 属性中。如果请求失败，则在控制台输出错误信息。

注意：在使用 axios 发送请求时，需要在前面加上 /api 等前缀，以便与后端接口进行区分。另外，如果要发送 POST 请求，可以使用 this.$http.post(url, data) 方法。