#鸿蒙通关秘籍#如何封装axios请求并进行二次封装

可以通过两层封装来组织和使用axios请求，以便在项目中更好地维护和扩展：

1. 基础封装Request：

import axios from '@ohos/axios';

const service = axios.create({
  baseURL: 'your_api_prefix',
  timeout: 50000,
  headers: { 'Content-Type': 'application/json;charset=utf-8' }
});

export default service;

2. 在此基础上进行二次封装，添加loading和错误提示：

import { AxiosResponse } from '@ohos/axios';
import { JhProgressHUD } from '../components/JhProgressHUD';
import Request from './Request';

export class HttpUtils {
  public static get(url, params, loadingText = "加载中...") {
    return HttpUtils.request('get', url, params, loadingText);
  }

  public static post(url, params, loadingText = "加载中...") {
    return HttpUtils.request('post', url, params, loadingText);
  }

  public static request(method, url, params, loadingText) {
    return new Promise((resolve, reject) => {
      JhProgressHUD.showLoadingText(loadingText);

      Request({ method, url, params })
        .then((res: AxiosResponse) => {
          JhProgressHUD.hide();
          resolve(res.data);
        })
        .catch((err) => {
          JhProgressHUD.showText(err.message || '系统错误');
          reject(err);
        });
    });
  }
}