axios访问vue实例

axios是一个基于Promise的HTTP客户端，可以用于发送异步请求。在Vue实例中，我们可以使用axios来发送HTTP请求并获取数据。

我们需要在项目中安装axios。可以使用npm或者yarn进行安装，命令如下：

npm install axios

或者

yarn add axios

安装完成后，我们可以在Vue实例中使用axios来发送请求。需要在Vue实例中引入axios：

import axios from 'axios';

然后，我们可以使用axios的get、post、put、delete等方法来发送不同类型的请求。下面是一个发送GET请求并获取数据的示例：

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

在上面的示例中，我们使用axios的get方法发送了一个GET请求到`/api/users`接口，并通过then方法处理返回的数据。在then方法中，我们可以通过response.data来获取到返回的数据。

如果请求出现错误，我们可以通过catch方法来捕获错误并进行处理。

除了get方法，axios还提供了其他方法来发送不同类型的请求。例如，我们可以使用post方法来发送POST请求：

axios.post('/api/users', {
  name: 'John Doe',
  age: 30
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们使用axios的post方法发送了一个POST请求到`/api/users`接口，并传递了一个包含name和age属性的对象作为请求的数据。

除了发送请求，axios还提供了一些其他功能，例如设置请求头、设置超时时间、拦截请求和响应等。我们可以通过axios的配置来实现这些功能。下面是一个设置请求头的示例：

axios.get('/api/users', {
  headers: {
    'Authorization': 'Bearer token'
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们通过在请求配置中设置headers属性来设置请求头，其中'Authorization'是请求头的名称，'Bearer token'是请求头的值。

总结一下，我们可以使用axios来发送HTTP请求并获取数据。在Vue实例中，我们可以通过引入axios来使用它的方法，例如get、post、put、delete等。我们可以通过then方法来处理返回的数据，通过catch方法来处理请求出现的错误。axios还提供了一些其他功能，例如设置请求头、设置超时时间、拦截请求和响应等，我们可以通过axios的配置来实现这些功能。