vue - axios上传文件到服务器，设置headers，解决no multipart boundary was found

分手后的思念是犯贱 2021-07-26 15:27 909阅读 0赞

前言

  1. 在项目中，在vue-cli项目中使用axios上传文件到服务器，遇到三个问题

1、上传的参数需要使用new FormData()组织
2、需要设置headers为multipart/form-data
3、解决no multipart boundary was found问题

解决方法

  1. let params = new FormData()
  2. // 拼接参数
  3. params.append('recordnumber', recordnumber)
  4. params.append('clid', itemList.id)
  5. params.append('file', item.file)
  6. this.$axios({ 
  7.   method: 'post',
  8.   url: '/gtkjgh/archive/save/one',
  9.   data: params,
  10.   headers: {  'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime() }
  11. }).then(function (response) { 
  12.   resolve()
  13. }).catch(function (error) { 
  14.   console.log(error)
  15. })

发表评论

表情：
评论列表 （有 0 条评论，909人围观）

还没有评论，来说两句吧...

相关阅读