vue axios组件

Vue中的axios组件是一个用于发送HTTP请求的第三方库。它可以帮助我们在Vue应用程序中轻松地进行数据交互。下面是一个使用axios发送GET请求的示例：

import axios from "axios";

axios.get("/api/data")
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们首先导入axios库。然后，我们使用axios的`get`方法发送一个GET请求到`/api/data`接口。当请求成功时，我们通过`then`方法获取响应数据并打印到控制台上。当请求失败时，我们通过`catch`方法捕获错误并打印错误信息。

需要注意的是，在使用axios发送请求之前，我们需要先安装axios并将其导入到项目中。可以通过以下命令来安装axios：

npm install axios

然后，在项目的`main.js`文件中，我们可以将axios写入Vue的原型中，以便在整个应用程序中都可以使用axios实例。可以按照以下方式导入axios并将其写入Vue的原型中：

import axios from "axios";
Vue.prototype.$http = axios;
axios.defaults.baseURL = 'http://localhost:8089';

通过以上步骤，我们就可以在Vue组件中使用`this.$http`来发送HTTP请求了。