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

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;
1.
2.
3.
4.
5.
6.
7.
8.
9.

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);
        });
    });
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.