1.module.json5文件配置网络请求

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]
  }
}

2.下载axios插件

ohpm i @ohos/axios 

注意！！

如果你执行命令时提示“无法识别ohpm”则需要配置环境变量，点击配置ohpm命令查看详细配置ohpm教学

3.封装axios

import axios from '@ohos/axios'
//创建axios的实例
const instance = axios.create({
  baseURL: "http://xx.xx.xx.xx", //基路径，要看API帮助文档的特征来确定基路径
  timeout: 5000, //请求超时的时间
  headers: {
    "Content-Type": "application/json"
  }
})

//响应拦截器，通过响应拦截器进一步对返回的数据做处理
instance.interceptors.response.use((response) => {
  //只返回接口有数据的结果
  if (200 === response.status) {
    return response.data; //接口返回的数据
  }
  return Promise.reject(response); //表示请求有错，交给catch来处理结构
}, err => {
  return Promise.reject(err)
})

/**
 * get请求
 * @param params = {} 查询参数
 * @returns
 */
export function httpGet(url:string, params = {}) {
  return instance.get<any>(url, {
    params
  })
}

/**
 * post请求
 * @param data = {} 请求体数据
 * @returns
 */
export function httpPost(url:string, data = {}) {
  return instance.post<any>(url, {
   data 
  })
}

最后根据自身的需求进行细节的修改就好了~

本次的分享就到这结束了，我们下次再见。

作者：前端甄子丹

团队：坚果派

团队介绍:坚果派由坚果创建，团队拥有12个华为HDE以及若于其他领域的三十余位万粉博主运营。