基于axios封装之后的上传文件,传参为空

基于axios封装之后的上传文件,传参为空

最近做项目时,发现了一个问题。封装axios的请求和返回拦截之后,上传文件的上传参数莫名其妙为空对象了。本人是菜鸟只能用不进行封装的axios进行上传文件

封装的

export function fileUpload(url, params) {
  const fileObject = params.file;
  const formData = new FormData();
  formData.append('file', fileObject);
  console.log(formData.get("file"))
  return request({
    url: url,
    method: 'post',
     headers: {
       'Content-Type': 'multipart/form-data',
       // transformRequest: [data=> data]
       },
    data: formData
  })
}

这里的request就是从封装axios的文件中引用的;
这种情况下提交文件莫名其妙变成空了;
百度说transformRequest声明下data就好了,但是不知道我这里为啥不行;

原生的

import axios from 'axios'


export function fileUpload(url, params) {
  const fileObject = params.file;
  const formData = new FormData();
  formData.append('file', fileObject);
   return axios({
    url: process.env.VUE_APP_BASE_API + url,
    method: "post",
    headers: {
      "Content-Type": "multipart/form-data",
    },
    data: formData,
  });
}

原生的就可以用了!

声明:本人菜鸟,如果又大佬知道怎么解决麻烦评论一下,我去私信您,谢谢!

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值