Vue中用axios发送请求的坑

最近在用axios向servlet发送请求的时候,踩到了一个大坑---------后台接受不到我发送的参数。查阅了很多资料,发现是axios发送请求的时候如果不自己设置请求头,它自己默认的请求头是这样的。

image.png

但是text/plain在servlet中 或者说是在tomcat中不能用request域来接。必须要用流来接受,然后将接收到的流转化为json对象.

image.png

这样太麻烦了,查阅资料后发现可以直接在前端修改

image.png

qs是axios自带的库。先将请求头设为后端可以用request域接受的类型(即formData), 然后将前端数据用qs改成query data就行了。