【项目问题】传参时格式发生错误

最新推荐文章于 2024-05-23 14:44:08 发布

Wonder*

最新推荐文章于 2024-05-23 14:44:08 发布

阅读量652

点赞数 1

分类专栏：工作文章标签： json 前端

本文链接：https://blog.youkuaiyun.com/weixin_44427784/article/details/118891032

版权

工作专栏收录该内容

11 篇文章

订阅专栏

博客讲述了前端向后端调用接口时遇到的一个问题，即传递的JSON数据在后端接收到时，其value值被自动加上了中括号。解决方案是在fetch请求时明确设置'Content-Type'为'application/json'，以确保数据正确传输。这是一个关于前端与后端数据交互、JSON格式校验和HTTP头部设置的案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端向后端调接口传参时，传的是json格式的数据，但是接口一直没调用成功，和后端排查问题后发现，后端收到的数据不是json格式的，而是像这样的：

{"version":["V1.4.2 build220119"],"remark":[""],"fileName":["新建 Microsoft Word 文档.dav"],"filePath":["blob:http://localhost:19528/87cb9023-ea32-437c-8cc0-ad76f817e77f"],"fileSize":["14603"],"firmwareId":["119"]}

也就是说，value值都自动加上了中括号[]。

解决方法：

调用接口时，带上headers

const uploadMinorFirmware=function(param) {
    return fetch({
        url: '/upgrade/uploadMinorFirmware',
        method: 'post',
        data: param,
       //加上下面的代码即可
        headers:{
            'Content-Type':'application/json'
        }
    })
}

注意：其实是统一封装设置了content-type='application/json'的，但是此处由于后端特殊定义了，因此得再写一遍。