鸿蒙原生网络请求全解(HTTP、HTTPS、文件上传下载、请求拦截、统一封装)

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

import http from '@ohos.net.http';function getDemo() {  let httpRequest = http.createHttp();  httpRequest.request(    'https://httpbin.org/get',    {      method: http.RequestMethod.GET,      connectTimeout: 10000,      readTimeout: 10000    },    (err, res) => {      if (!err) {        console.info('返回数据：', res.result)      } else {        console.error('请求失败：', err)      }      httpRequest.destroy()    }  )}

import http from '@ohos.net.http';function postJson() {  let httpRequest = http.createHttp();  const params = JSON.stringify({name:"test",age:18})  httpRequest.request('https://httpbin.org/post',{    method: http.RequestMethod.POST,    header: {      'Content-Type':'application/json'    },    extraData: params  },(err,res)=>{    httpRequest.destroy()  })}

import http from '@ohos.net.http';// 全局环境配置const BASE_URL = "https://httpbin.org"let requestList:http.HttpRequest[] = []// 封装请求类export class Http {  // 请求拦截器  private beforeRequest(options:http.HttpRequestOptions){    options.header = {      'token':globalThis.token || "",      'Content-Type':'application/json;charset=utf-8',      ...options.header    }    return options  }  // 响应拦截  private responseFilter(res:http.HttpResponse){    let data = res.result    // 401 登录失效    if(res.responseCode === 401){      // 跳转登录页面逻辑      globalThis.token = ""    }    return data  }  async request(url:string,options:http.HttpRequestOptions){    let req = http.createHttp()    requestList.push(req)    options = this.beforeRequest(options)    try {      let res = await req.request(`${BASE_URL}${url}`,options)      return this.responseFilter(res)    }catch(e){      console.error("请求异常",e)      return Promise.reject(e)    }finally {      let idx = requestList.indexOf(req)      if(idx > -1) requestList.splice(idx,1)      req.destroy()    }  }  get(url:string,params?:Record<string,string>){    let opt:http.HttpRequestOptions = {method:http.RequestMethod.GET}    return this.request(url,opt)  }  post(url:string,data?:Object){    let opt:http.HttpRequestOptions = {      method:http.RequestMethod.POST,      extraData:JSON.stringify(data)    }    return this.request(url,opt)  }  // 页面销毁取消全部排队请求  cancelAll(){    requestList.forEach(item=>{      item.destroy()    })    requestList = []  }}// 全局单例导出export const http = new Http()

import {http} from './common/HttpUtil'@Entry@Componentstruct NetPage {  @State resText:string = ""  aboutToAppear(){    this.loadData()  }  aboutToDisappear(){    // 页面退出取消未完成请求    http.cancelAll()  }  async loadData(){    let res = await http.get('/get')    this.resText = JSON.stringify(res)  }  build(){    Column(){      Text(this.resText).fontSize(14).padding(10)    }.width('100%').height('100%')  }}