HarmonyOS鸿蒙Next中调用axios发起post表单请求时报错

HarmonyOS鸿蒙Next中调用axios发起post表单请求时报错

项目中使用axios发起表单请求报异常错误，无法识别的操作

try {
  await axios.post("请求url地址", formData, { headers: { 'Content-Type': 'multipart/form-data' } })
    .then((result: AxiosResponse<string>) => {
      console.log(result.data)
    })
} catch (error) {
  console.log(error)
}

更多关于HarmonyOS鸿蒙Next中调用axios发起post表单请求时报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

ohos/axios中上传下载使用的ohos.request能力，发送网络请求，使用ohos.net.http能力。

axios发送请求，默认的transformRequest中，如果contentType为’multipart/form-data’，默认会将数据类型转换为formdata类型。

而ohos/axios定义，发送请求，如果请求方法为post，数据类型为formdata，默认会走上传下载流程，导致在参数校验时未通过，返回参数错误提示。 解决方式：重写transformRequest方法，直接返回数据。

更多关于HarmonyOS鸿蒙Next中调用axios发起post表单请求时报错的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中调用axios发起POST表单请求时，可能会遇到错误，这通常是由于以下几种原因导致的：

  1. 跨域问题：如果请求的目标服务器与当前页面不在同一个域名下，可能会触发浏览器的同源策略，导致请求失败。鸿蒙系统的网络请求默认遵循浏览器的同源策略。

  2. 请求头设置问题：在发送POST表单请求时，需要正确设置请求头（Content-Type）。通常表单提交的Content-Type为application/x-www-form-urlencoded，如果设置不正确，服务器可能无法正确解析请求体。

  3. 数据格式问题：POST请求的数据格式需要与请求头Content-Type匹配。如果使用application/x-www-form-urlencoded，数据需要是键值对形式，并且需要经过URL编码。

  4. 网络权限问题：在鸿蒙系统中，应用需要声明网络权限才能进行网络请求。如果未在config.json中正确配置网络权限，请求将无法发出。

  5. axios配置问题：axios的配置项可能存在问题，例如baseURL、timeout等设置不正确，可能导致请求失败。

  6. 系统版本兼容性问题：不同版本的HarmonyOS可能对网络请求的实现有细微差别，特别是在鸿蒙Next版本中，某些API或行为可能有所变更。

解决这些问题时，可以检查以下几个方面：

  • 确认请求的URL是否正确，是否涉及跨域问题。
  • 检查请求头是否正确设置，特别是Content-Type。
  • 确保请求数据格式与Content-Type匹配。
  • 确认应用已正确配置网络权限。
  • 检查axios的配置项，确保配置正确。
  • 查看系统版本是否与axios版本兼容。

如果以上步骤均无法解决问题，可以查阅鸿蒙官方文档或相关社区，寻找类似问题的解决方案。

在HarmonyOS鸿蒙Next中调用axios发起POST表单请求时，若出现报错，可能原因包括：

  1. 未正确设置请求头Content-Type: application/x-www-form-urlencoded
  2. 表单数据未使用URLSearchParams或qs库进行序列化
  3. 跨域问题未处理

请检查并确保请求头和数据处理正确，必要时配置CORS策略。

回到顶部