从零开始学Hm（十一）axios

最新推荐文章于 2024-07-23 12:04:51 发布

weixin_53527910

最新推荐文章于 2024-07-23 12:04:51 发布

阅读量480

点赞数 8

文章标签：鸿蒙

本文链接：https://blog.csdn.net/weixin_53527910/article/details/136659836

版权

第三方库axios

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

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

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

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

init.bat

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

下载axios

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

在Terminal中进入项目下输入

ohpm install @ohos/axios

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

 "license": "",
  "dependencies": {
    "@ohos/axios": "^2.1.1"
  },

使用

导入

import axios from '@ohos/axios'

之后使用

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('查询商铺失败')
        })

返回值

AxiosResponse 三个字段

status	number	响应状态码
headers	object	响应头
data	any	服务端返回的响应体

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"。

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

添加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>

解决重启 devecoStudio