使用axios post 提交数据，后台获取不到

最新推荐文章于 2023-04-06 16:15:12 发布

弎屲

最新推荐文章于 2023-04-06 16:15:12 发布

阅读量371

点赞数

文章标签： java ajax vue

本文链接：https://blog.csdn.net/cx9977/article/details/109301910

版权

使用axios post 提交数据，后台获取不到

问题分析

我们的 Content-Type 变成了 application/json;charset=utf-8
然后，因为我们的参数是 JSON 对象，axios 帮我们做了一个 stringify 的处理。
而且查阅 axios 文档可以知道：axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。

那么，这就与我们服务端要求的 'Content-Type': 'application/x-www-form-urlencoded' 以及 @RequestParam 不符合。

解决方案

【用 URLSearchParams 传递参数】

let param = new URLSearchParams()
param.append('username', 'admin')
param.append('pwd', 'admin')
axios({
    method: 'post',
    url: '/api/lockServer/search',
    data: param
})

需要注意的是： URLSearchParams 不支持所有的浏览器，但是总体的支持情况还是 OK 的，所以优先推荐这种简单直接的解决方案