当前位置:   article > 正文

鸿蒙 HarmonyOs 网络请求 快速入门_鸿蒙os 网络请求

鸿蒙os 网络请求

官方文档:

ArkUI简介-ArkUI(方舟UI框架)-应用框架 | 华为开发者联盟 (huawei.com)

一、通过原有的http组件进行网络请求(方式一)

1.1 HttpRequestOptions的操作

名称类型描述
methodRequestMethod请求方式:GET、POST、PUT、DELETE等
extraDatastring | Object请求参数
headerObject请求头字段
connectTiimeoutnumber连接超时时间,单位毫秒
readTimeoutnumber读取超时时间,同上

1.2 HttpResponse类的属性

名称类型描述
responseCodeResponseCode响应状态码
headerObject响应头
cookiesstring响应返回的cookies
resultstring | object响应体,默认为JSON格式的字符串

二、通过axios网络请求的方式(方式二)

2.1 安装搭建axios环境

打开Ohpm/bin的目录

打开cmd窗口

(1)输入命令

init.bat

(2)配置环境变量目录为ohpm的目录

然后再Path中添加 %OHPM_HOME%\bin 

(3)输入查看版本的命令,判断是否朋配置环境变量成功

ohpm -v

(4)对于要使用axios的项目,进入项目的根目录执行安装axios的命令

ohpm install @ohos/axios

2.2 axios请求的响应对象的属性

名称类型描述
statusnumber响应状态码
headersObject响应头
dataany服务端返回的响应体

 三、项目实操(以axios网络请求为例)

检查访问网络权限(如果没有就需要添加以下代码在main目录下的module.json5文件中)

(1)在main目录下的module.json5文件中添加访问网络权限:

  1. "requestPermissions": [
  2. {
  3. "name": "ohos.permission.INTERNET"
  4. }
  5. ],

(2)在终端中下载axios

ohpm install @ohos/axios

(3)编写代码 

  1. import axios, { AxiosError, AxiosResponse } from '@ohos/axios'
  2. @Entry
  3. @Component
  4. struct Index {
  5. build(){
  6. Column(){
  7. Button('请求')
  8. .onClick(()=>{
  9. axios.get('http://localhost:8080/student/getList')
  10. .then((res:AxiosResponse)=>{
  11. console.log('',res.status)
  12. console.log(JSON.stringify(res.data))
  13. console.log(JSON.stringify(res.data.code))
  14. console.log(JSON.stringify(res.data.msg))
  15. console.log(JSON.stringify(res.data.data))
  16. }).catch((error:AxiosError)=>{
  17. console.log('获取失败')
  18. })
  19. })
  20. }
  21. }
  22. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/925042
推荐阅读
相关标签
  

闽ICP备14008679号