nuxtjs搭建的项目中,使用axios发送post请求,数据格式为formdata,返回code500怎么解决?

问题描述

公司使用nuxtjs搭建的项目,我只是接手负责更改一点点内容,发现上传图片那一直无法上传,排查发现是请求到上传接口时,请求的域名没有替换为写好的,而是直接以本地的域名进行请求,所以一直报500

问题出现的环境背景及自己尝试过哪些方法

尝试解决时,尝试过不加formdata数据,发现这样接口是可以走通的,正常返回给我msg为请选择上传文件,但是加上formdata数据之后,就无法请求接口

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

var formdata = new FormData(); // 创建form对象
formdata.append('file[]', files); // 通过append向form对象添加数据,可以通过append继续添加数据
if (i == len - 1 || i == file.length - 1) {

s();

}

let s = () => {

    let config = {
      headers: { 'Content-Type': 'multipart/form-data' }
    }; //添加请求头
    axios.post('v1/app/Upload/more',formdata, config).then((response) => {
        That.isloading = false;
        let ret = response.data;
        if (ret && ret.code && ret.info && ret.info.ok) {
         let list = [];
          ret.code.forEach((e) => {
            list.push(e.file)
          })
          That.imgList = That.imgList.concat(list);
       }

}).catch(err=>{

       console.log(err)

})

你期待的结果是什么?实际看到的错误信息又是什么?

运行之后提示错误信息为:

clipboard.png

clipboard.png

这种情况我需要用什么办法才能解决这个问题呢?

阅读 5.6k
3 个回答

500是服务器错误,去找后台协助解决

又多方查找调试,发现可能是因为formdata数据有问题,但是这个项目在其他地方使用是正常的,代码一点都没改,只是把接口域名换成了现在使用的,后端的接口都还是用的以前那一套,还能是因为什么呢?要怎么解决呢?麻烦各位大神告知,多谢

上传数据files是个数组?可以上传 files[0]试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进