鸿蒙app封装 axios post请求失败问题

这个问题是我的一个疏忽大意,在这里记录一下。如果有相同问题的朋友,可以借鉴。

当我 ohpm install @ohos/axios 后,进行简单post请求验证,可以请求成功。

然后,我对axios 进行了封装。对axios 添加请求拦截器/添加响应拦截器。

对post请求也进行了封装,请求如下:

 return request<T>({
    url: "/user/login/xxxxxx",
    method: "post",
    params: data
  });

当一切都准备好之后,我再次进行post 请求,这次请求失败啦。找了半天也没发现什么问题。

最后,我查看代码编辑的历史记录做对比,发现post参数传递属性配置错了,正确写法如下:

  return request<T>({
    url: "/user/login/xxxxxx",
    method: "post",
    data: data
  });
}

问题出在 data: data 和 params: data

data和params解释如下:

复制代码
params: {ID: 12345,Name:"Alex"},   // URL后的参数:.../?ID=12345&Name="Alex"(get请求后要拼接的参数)
data: { firstName: 'Fred'},   // 对象形式的data -> json 格式字符串(post请求的参数)
相关推荐
Catherinemin18 分钟前
CSS|08 浮动&清除浮动
前端·css
kaoa00020 分钟前
Linux入门攻坚——42、Nginx及web站点架构模式
linux·前端·nginx
赵大仁1 小时前
在M系列芯片的Mac上使用Uniapp开发的依赖安装指南
前端·windows·macos·ios·小程序·uni-app·安卓
Beekeeper&&P...2 小时前
AddressBookController
java·前端·网络
今天也要暴富2 小时前
CSS Grid 布局:属性及使用详解
前端·css
前端熊猫2 小时前
组件十大传值
前端·javascript·vue.js
oumae-kumiko3 小时前
【JS/TS鼠标气泡跟随】文本提示 / 操作提示
前端·javascript·typescript
YG·玉方3 小时前
键盘常见键的keyCode和对应的键名
前端·javascript·计算机外设
梦屿千寻!!3 小时前
Axios和Ajax的区别
前端