Axios是一个基于 Promise 的 HTTP 客户端库，适用于浏览器和 Node.js 应用程序，这意味着它可以在前端 JavaScript 应用程序和后端 Node 服务器中使用。
在本文中，我们将了解如何在一个简单的Vue.js应用程序中使用 Axios。Vue 是一个简单的前端 JavaScript 框架，因此这里的 Axios 用例将用于浏览器。
我们将涵盖：
本教程使用 Axios 和 Vue.js 的先决条件
设置我们的 Vue.js 项目
将 Axios 添加到我们的 Vue.js 应用程序
在 Vue.js 组件中通过简单的导入使用 Axios
通过创建插件在我们的 Vue.js 项目中使用 Axios
要继续，您需要安装以下内容：
Node.js v14 或更新版本
JavaScript 包管理器
您选择的 IDE 或文本编辑器，例如 Sublime Text 或Visual Studio Code
我们将使用 npm 作为我们的 JavaScript 包管理器，安装 Node.js 时会包含它。
我们将使用 Vue CLI 创建我们的项目，首先运行以下命令：
$ npm init vue@latest
该命令提示我们选择如何设置我们的项目。
我选择为这个项目命名是mice-away因为——你猜对了——我们正在构建一个有趣的与猫相关的应用程序！我们还将设置它以使用 TypeScript。
这是一个Vue查看（我忍不住）我的项目配置；随意更改您的喜好：
超过 20 万开发人员使用 LogRocket 来创造更好的数字体验了解更多 →
Axios 通过各自名称的函数提供对不同 HTTP 方法的访问。例如，可以用于.post(…)POST 请求，也可以用于.get(…)GET 请求等。让我们看看在我们的 Vue 项目中使用 Axios 处理 HTTP 请求的选项！
我们可以通过运行以下命令来安装 Axios：
$ npm i axios
现在已经安装了 Axios，我们将看看在我们的项目中使用它的两种方法。
您可以在 Vue 组件中使用 Axios，只需将其导入需要发出 HTTP 请求的组件中即可。这是一个例子：
// AnimalFacts.vue <模板>猫的事实
- {{index + 1}}。{{fact.text}}