axios vue接口

Axios 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 Node.js，它可以让我们更方便地发起 Ajax 请求。在 Vue 中使用 Axios 也非常简单，我们可以在 main.js 中引入 Axios，并将其挂载到 Vue 的原型上，这样在组件中就可以通过 this.\$http 发起请求了。

以下是一个简单的 Vue 组件中如何使用 Axios：

<template>
  <div>
    <ul>
      <li v-for="post in posts" :key="post.id">{{ post.title }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      posts: [],
    };
  },
  mounted() {
    axios.get('https://jsonplaceholder.typicode.com/posts')
      .then(response => {
        this.posts = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },
};
</script>

在上面的例子中，我们在组件的 mounted 钩子函数中使用 Axios 发起了一个 GET 请求，获取了一组数据并将其赋值给了组件的 data 中的 posts 数组。注意，在使用 Axios 发起请求时，我们通过 then 方法来处理响应成功的情况，而通过 catch 方法来处理响应失败的情况。