从零开始学Hm（十一）axios

第三方库axios

其他第三方库也可以找到 在OpenHarmony三方库中心仓

因为axios不是鸿蒙官方提供的库所以需要下载ohpm（第三方库管理工具）之后再下载axios最后在使用

在这之前需要将nodejs加入环境变量

下载ohpm工具包，解压初始化 官网可以找到

init.bat
1

配置bin目录到环境变量，此时在任意位置都可以 ohpm -v 检查版本号

下载axios

也需要在modeule.json5文件中配置网络权限

在Terminal中进入项目下 输入

ohpm install @ohos/axios
1

之后在oh-package.json5中就可以看到已经加入了

 "license": "",
  "dependencies": {
    "@ohos/axios": "^2.1.1"
  },
1
2
3
4

使用

导入

import axios from '@ohos/axios'
1

之后使用

axios.get(//提供了各种方法 get请求就是get方法，post post方法
        `${this.baseURL}/shops`,//请求路径
        {
        //请求选项  get参数是params 会拼到请求路径之后
          params: { pageNo: this.pageNo, pageSize: 3 }
          //另一种数据传输  二选一 其余使用data
          data:{'参数名':'参数值'}
        }
      )//也是将来的数据 需要使用promise 
        .then(resp => {
          if (resp.status === 200) {//此时拿到的对象不是HttpResponse而是AxiosResponse
            // 查询成功
            console.log('testTag',  '查询商铺成功！', JSON.stringify(resp.data))
            resolve(resp.data)
          } else {
            console.log('testTag',  '查询商铺信息失败！error:', JSON.stringify(resp))
            reject('查询商铺失败')
          }
        })
        .catch(error => {
          console.log('testTag',  '查询商铺信息失败！error:', JSON.stringify(error))
          reject('查询商铺失败')
        })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

返回值

AxiosResponse 三个字段

axios可以自动转换json字符串为对象数组

ohpm控制台报错

ohpm : 无法将“ohpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确
，然后再试一次。
所在位置 行:1 字符: 1
+ ohpm -v
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (ohpm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
    
    Suggestion [3,General]: 找不到命令 ohpm，但它确实存在于当前位置。默认情况下，Windows PowerShell 不会从当前位置加载命令。如果信任此命令，请改为键入“.\ohpm”。有关详细信息，请参阅 "get-help about_Command_Precedence"。
1
2
3
4
5
6
7
8
9

按照提示加上.\ （不推荐）

添加ohpm环境变量，在cmd中可以通过 ohpm -v查看版本

但是在软件内置的Terminal还是不能直接使用ohpm

PS E:\BaiduNetdiskDownload\Hm\MyApplication> ohpm -v
ohpm : 无法将“ohpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确
，然后再试一次。
所在位置 行:1 字符: 1
+ ohpm -v
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (ohpm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

PS E:\BaiduNetdiskDownload\Hm\MyApplication>
1
2
3
4
5
6
7
8
9
10

解决 重启 devecoStudio