官方文檔：

ArkUI簡介-ArkUI（方舟UI框架）-應用框架 | 華為開發者聯盟 (huawei.com)

一、通過原有的http組件進行網絡請求（方式一）

1.1 HttpRequestOptions的操作

名稱	類型	描述
method	RequestMethod	請求方式：GET、POST、PUT、DELETE等
extraData	string | Object	請求參數
header	Object	請求頭字段
connectTiimeout	number	連接超時時間，單位毫秒
readTimeout	number	讀取超時時間，同上

1.2 HttpResponse類的屬性

名稱	類型	描述
responseCode	ResponseCode	響應狀態碼
header	Object	響應頭
cookies	string	響應返回的cookies
result	string | 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請求的響應對象的屬性

名稱	類型	描述
status	number	響應狀態碼
headers	Object	響應頭
data	any	服務端返回的響應體

?三、項目實操（以axios網絡請求為例）

檢查訪問網絡權限（如果沒有就需要添加以下代碼在main目錄下的module.json5文件中）

（1）在main目錄下的module.json5文件中添加訪問網絡權限：

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

（2）在終端中下載axios

ohpm install @ohos/axios

（3）編寫代碼?

import axios, { AxiosError, AxiosResponse } from '@ohos/axios'@Entry
@Component
struct Index {build(){Column(){Button('請求').onClick(()=>{axios.get('http://localhost:8080/student/getList').then((res:AxiosResponse)=>{console.log('',res.status)console.log(JSON.stringify(res.data))console.log(JSON.stringify(res.data.code))console.log(JSON.stringify(res.data.msg))console.log(JSON.stringify(res.data.data))}).catch((error:AxiosError)=>{console.log('獲取失敗')})})}}
}