安装axios并配置

安装`axios`通常是指在前端项目中使用这个流行的HTTP客户端库，用于发起HTTP请求。`axios`可以通过npm或者yarn包管理器安装，也可以通过CDN的方式在项目中直接使用。以下是一个使用npm安装`axios`并进行基本配置的步骤说明：

1. 首先，确保你的项目目录中已经安装了npm。如果未安装，可以从[Node.js官网](https://nodejs.org/)下载安装Node.js，npm将作为Node.js的一部分自动安装。

2. 在项目的根目录打开命令行工具，执行以下命令来安装axios：

   npm install axios

如果你使用yarn，可以使用以下命令：

   yarn add axios

3. 安装完成后，在你的JavaScript文件中导入并使用axios。例如，在一个React项目中，你可以在需要发起HTTP请求的组件中这样使用：

   import axios from 'axios';

   axios.get('https://api.example.com/data')
     .then(response => {
       // 处理成功的情况
       console.log(response.data);
     })
     .catch(error => {
       // 处理错误的情况
       console.error('There was an error!', error);
     });

4. 如果你的项目是一个纯前端的网页，而不是一个模块化的项目，你也可以通过在HTML文件中添加一个`<script>`标签来使用CDN的方式引入axios：

   <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

引入之后，`axios`将作为一个全局变量在浏览器中可用。

5. 如果需要进行更高级的配置，比如设置默认的base URL或者请求头，可以在创建axios实例时进行配置：

   const axiosInstance = axios.create({
     baseURL: 'https://api.example.com',
     headers: {'Content-Type': 'application/json'}
   });

   axiosInstance.get('/data')
     .then(response => {
       // 处理成功的情况
     })
     .catch(error => {
       // 处理错误的情况
     });