axios请求,传file格式的数据以及其他参数,传参data默认转为json格式数据问题解决

Axios 的 POST 请求默认是以 JSON 格式传递参数的。
Axios 默认使用 application/json 作为请求头的Content-Type,并将数据转换为 JSON 格式发送。
如果你想使用其他数据格式传递参数,比如application/x-www-form-urlencoded 或multipart/form-data,你需要进行相应的配置。设置请求头 hesders 里面的 Content-Type。

传带文件File的参数,如果传参的数据不对,可以检查一下两点:

  1. 没有将传参的普通对象转为FormData对象
// 将普通js对象转为FormData对象
export function paramsToFormData(obj) {
  const formData = new FormData();
  Object.keys(obj).forEach((key) => {
      if (obj[key] instanceof Array) {
        obj[key].forEach((item) => {
          formData.append(key, item);
        });
        return;
      }
      formData.append(key, obj[key]);
    });
  return formData;
}

  1. axios请求没有设置如下请求头
  headers: {
    'Content-Type': 'multipart/form-data',
  },
  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值