导入 Axios

Axios 是一个基于 Promise 的 HTTP 库，可以让我们直接在浏览器中发起AJAX请求。它支持在浏览器和Node.js 中使用，而且具有很强的可扩展性。在此，我们将学习如何导入 Axios 到你的 JavaScript 项目中。

1. 安装 Axios

首先，打开终端并在项目根目录下运行以下命令，安装 Axios 包：

npm install axios --save

这将在项目中安装 axios 和将其添加到项目的依赖项中。

2. 在项目中使用 Axios

在你的 JavaScript 代码文件中，你只需要导入 Axios 并使用它发起 AJAX 请求。示例代码如下所示：

import axios from 'axios';

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

以上代码使用了 axios.get 方法来获取 /api/users 路径的数据，并在控制台中打印响应结果。当请求成功时，then 代码块将被执行；当请求失败时，catch 代码块将被执行，并输出错误信息。

3. 设置默认参数

我们可以使用 create 方法来创建一个新的 Axios 实例，并定义它的默认配置参数。例如，以下代码创建了一个新的实例，并设置了基础 URL 和请求超时时间：

const instance = axios.create({
  baseURL: 'https://api.example.com/',
  timeout: 1000
});

instance.get('/api/users')
  .then(response => console.log(response))
  .catch(error => console.error(error));

总结

Axios 是一个非常流行的 HTTP 库，它可以帮助我们轻松地在浏览器或 Node.js 中发起 AJAX 请求。在这篇文章中，我们学习了如何安装和导入 Axios，并在项目中使用它来发起 AJAX 请求。我们还学习了如何使用 create 方法定义默认的配置参数。