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

发布于 2022-09-11 20:14:25 字数 1373 浏览 22 评论 0

问题描述

公司使用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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

谈情不如逗狗 2022-09-18 20:14:25

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

梦毁影碎の 2022-09-18 20:14:25

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

苏辞 2022-09-18 20:14:25

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文