axios不使用vue axios在vue中的使用慕课笔记

axios是一个基于Promise的HTTP客户端，可以用于发送HTTP请求并处理响应。它可以在浏览器和Node.js中使用。在Vue中，可以使用axios来发送HTTP请求，以获取数据或与后端进行交互。

我们需要在项目中引入axios。可以通过在HTML文件中引入axios的CDN链接，或者使用npm安装axios并在代码中导入。接下来，我们可以使用axios发送GET、POST、PUT、DELETE等不同类型的请求。

例如，我们可以使用axios发送一个GET请求来获取数据。我们需要指定请求的URL，并可以通过.then()方法来处理响应的数据。

axios.get('https://api.example.com/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

在上面的示例中，我们使用axios发送了一个GET请求到`https://api.example.com/data`，并通过.then()方法处理了返回的数据。如果请求成功，我们将打印出响应的数据；如果请求失败，我们将打印出错误信息。

除了发送GET请求，我们还可以使用axios发送POST请求来提交数据到后端。我们可以通过在请求中传递参数来发送POST请求。

axios.post('https://api.example.com/data', {
    name: 'John',
    age: 25
  })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

在上面的示例中，我们使用axios发送了一个POST请求到`https://api.example.com/data`，并通过传递一个包含name和age属性的对象作为参数来提交数据。同样地，我们可以通过.then()方法处理响应的数据，或通过.catch()方法处理错误信息。

axios还提供了其他一些功能，如设置请求头、处理请求超时、拦截请求和响应等。我们可以通过配置axios实例来实现这些功能。

// 创建axios实例
const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  headers: {'X-Custom-Header': 'foobar'}
});
// 发送请求
instance.get('/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

在上面的示例中，我们使用axios.create()方法创建了一个axios实例，并通过配置参数来设置请求的基本URL、超时时间和请求头。然后，我们可以使用这个实例来发送请求，并通过.then()方法处理响应的数据，或通过.catch()方法处理错误信息。

总结一下，axios是一个功能强大且易于使用的HTTP客户端，可以帮助我们发送HTTP请求并处理响应。在Vue中，我们可以使用axios来发送GET、POST等类型的请求，并通过.then()方法处理响应的数据。我们还可以通过配置axios实例来实现其他功能，如设置请求头、处理请求超时等。