Administrator
发布于 2024-05-07 / 34 阅读
0
0

鸿蒙开发-axios

1.下载和安装ohmp

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/ide-command-line-ohpm-0000001490235312-V2

1.2解压工具包,执行初始化命令

#window 环境
init.bat
#linux 或 mac
./init.sh

1.3将ohpm配置到环境变量

# window环境,直接在我的电脑配置即可
#linux 或mac环境,其中OHPM的路径请替换成 ohpm的安装路径
export OHPM_HOME=/xx/ohpm
export PATH=${OHPM_HOME}/bin:${PATH}

2.下载和安装axios

# 进入项目路径 然后输入命令行
ohpm install @ohos/axios
开放网络权限
#在模块的module.json5文件中配置网络权限
"requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      },
    ]

3.使用axios

import axios from '@ohos/axios'

interface userInfo{
  id: number
  name: string,
  phone: number
}

// 向给定ID的用户发起请求
axios.get<userInfo, AxiosResponse<userInfo>, null>('/user?ID=12345')
.then((response: AxiosResponse<userInfo>)=> {
  // 处理成功情况
  console.info("id" + response.data.id)
  console.info(JSON.stringify(response));
})
.catch((error: AxiosError)=> {
  // 处理错误情况
  console.info(JSON.stringify(error));
})
.then(()=> {
  // 总是会执行
});

// 上述请求也可以按以下方式完成(可选)
axios.get<userInfo, AxiosResponse<userInfo>, null>('/user', {
  params: {
    ID: 12345
  }
})
.then((response:AxiosResponse<userInfo>) => {
  console.info("id" + response.data.id)
  console.info(JSON.stringify(response));
})
.catch((error:AxiosError) => {
  console.info(JSON.stringify(error));
})
.then(() => {
  // 总是会执行
});

// 支持async/await用法
async function getUser() {
  try {
        const response:AxiosResponse = await axios.get<string, AxiosResponse<string>, null>(this.getUrl);
        console.log(JSON.stringify(response));
      } catch (error) {
    console.error(JSON.stringify(error));
  }
}

https://ohpm.openharmony.cn


评论