ArkTs中基于Axios封装网络请求

在ArkTs框架中，Axios是一个常用的JavaScript库，用于处理HTTP请求。它提供了一个简单的API，并且易于集成到React、Angular等现代前端项目中。为了方便管理和复用网络请求，开发者通常会对其进行一些封装，例如创建一个自定义的网络请求服务。

在ArkTs中（假设你是在使用TypeScript版本），你可以按照以下步骤来封装 Axios：

1. **安装依赖**:
首先需要安装 Axios 和 Axios 的 TypeScript 类型支持。可以使用npm或yarn：

   npm install axios @types/axios --save

2. **创建网络请求模块**:
创建一个名为`networkService.ts`的服务文件，导入 Axios 并定义一个工厂函数来创建实例：

   import { create } from 'axios';
   
   const axiosInstance = create({
     baseURL: process.env.REACT_APP_API_URL || 'http://localhost:3000', // 设置默认 API 地址
     timeout: 5000, // 超时时间
     headers: {
       'Content-Type': 'application/json',
       Authorization: 'Bearer ' + localStorage.getItem('token') // 如果需要的话，添加认证信息
     }
   });

   export default axiosInstance;

3. **封装常用操作**:
对于常见的请求操作（如GET、POST、PUT等），可以在该模块中创建高阶函数进行封装，以便统一处理错误和响应：

   export const get = async (url: string) => {
     try {
       const response = await axiosInstance.get(url);
       return response.data; // 返回数据
     } catch (error) {
       handleApiError(error);
       return null; // 或者抛出异常
     }
   };

   // ... 其他操作，如 post、put 等

   function handleApiError(error) {
     // 处理错误逻辑，比如打印日志或显示错误提示
   }

4. **在组件中使用**:
在组件内部，可以直接引入这个封装后的网络服务并发送请求：

   import { get } from './networkService';

   async componentDidMount() {
     const data = await get('/users');
     console.log(data);
   }