axios发送请求post，如何在body中放入一个纯纯的字符串

最新推荐文章于 2024-07-12 04:24:01 发布

帅一个千秋

最新推荐文章于 2024-07-12 04:24:01 发布

阅读量2.8k

点赞数

分类专栏： axios 文章标签：前端

本文链接：https://blog.csdn.net/weixin_52130455/article/details/128738222

版权

axios 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

当使用axios进行POST请求时，若不设置Content-Type为application/json，后端可能接收到异常数据。原因是axios默认的Content-Type为application/x-www-form-urlencoded，与后端期望的application/json格式不符。解决方法是显式设置请求头，确保数据以JSON格式发送。

摘要由CSDN通过智能技术生成

export function removeBatchVideoByIds(videoIds) {
    return request({
        url: `/vod/video/removeBatchVideoByIds`,
        method: 'post',
        data: videoIds,
        headers: {
            'Content-Type': 'application/json; charset=utf-8'
        }
    })
}

试过了，如果不加这个headers，后端接收到的参数莫名其妙在字符串后面多了个‘=’号

@PostMapping(value = "removeBatchVideoByIds")
public R removeBatchVideoByIds(@RequestBody String videoIds) {
    return vodService.removeBatchVideoByIds(videoIds);
}

原因分析：

后端接收 context-type：application/json。
前端axios的POST请求默认 context-type：application/x-www-form-urlencoded。
因此双方的格式不同！
前端axios的POST请求默认是以键值对形式传递，前端内容是存储在key中，value为空。
后端获取数据的时候，value为空，内容就变成了key=。

同时还有其他的解决方式

可以参考这篇文章

编程兵人杜某