react 封装axios

在React中封装axios可以通过创建一个通用的axios实例来实现。可以按照以下步骤进行操作：

1. 首先，安装axios库，可以通过运行`npm install axios`命令来安装。

2. 在你的项目中创建一个文件，比如`api.js`，用于封装axios请求。

3. 在`api.js`文件中引入axios库：`import axios from 'axios'`。

4. 创建一个axios实例：`const instance = axios.create({ baseURL: 'http://api.example.com' })`。这里的`baseURL`是你的API的基本URL，你可以根据实际情况进行修改。

5. 接下来，你可以在该实例上定义各种请求方法，比如`get`、`post`等：```
export const getArticleList = () => {
return instance.get('/article/home/index')
}

6. 最后，你可以在你的React组件中引入这些封装好的请求方法，并使用它们来发送请求：```
   import React, { useEffect } from 'react';
   import { getArticleList } from './api';

   const Home = () => {
     useEffect(() => {
       getArticleList().then(response => {
         console.log('get article response:', response);
       }).catch(error => {
         console.log('get response failed!');
       });
     }, []);

     return (
       // 组件的内容
     );
   };

   export default Home;

#### 引用[.reference_title]
- *1* [react + ts or vue + ts 通用axios封装的方法。 ](https://download.csdn.net/download/qq_40661003/86247561)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [【重点突破】—— React应用中封装axios(转)](https://blog.csdn.net/qq_34235864/article/details/113805369)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]