使用axios post 提交数据，后台获取不到使用axios post 提交数据，后台获取不到解决方案

169 阅读 0 评论 112 点赞

我是靠谱客的博主飞快鞋垫，这篇文章主要介绍使用axios post 提交数据，后台获取不到使用axios post 提交数据，后台获取不到解决方案，现在分享给大家，希望可以做个参考。

使用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 的，所以优先推荐这种简单直接的解决方案