vuejs中axios用法是什么

什么是axios？

axios是一个基于Promise的HTTP库，可以用于浏览器和node.js中。它是在XMLHttpRequest和fetch之上封装的，可以更方便地处理HTTP请求和响应数据。

如何安装axios？

可以使用npm来安装axios。打开终端并输入以下命令：

npm install axios

如果您正在使用yarn，请使用以下命令：

yarn add axios

如何使用axios？

要使用axios，您需要导入axios库并调用其方法。例如，要执行GET请求：

axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });

在执行请求之后，响应将作为Promise对象返回，您可以使用.then方法将其解决。如果请求失败，则将调用.catch方法。

如何在axios中传递参数？

您可以通过params选项传递参数：

axios.get('/user', {
  params: {
    ID: 12345
  }
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });

在这个例子中，我们将ID参数传递给/user端点。

如何在axios中发送POST请求？

要发送POST请求，我们可以在axios的post方法中传入要发送的数据：

axios.post('/user', {
    firstName: 'John',
    lastName: 'Doe'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

在这个例子中，我们向/user端点发送包含名字和姓氏的对象。