解决axios发送post请求返回400状态码的问题
更新时间：2018年08月11日 15:38:32 作者：transformer_WSZ
今天小编就为大家分享一篇解决axios发送post请求返回400状态码的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。
前台代码如下：
axios({
method: "post",
url: "http://localhost:8080/employee/testpost",
data: {
username: '234234',
password: '4565'
}
}).then((res) => {
console.log(res.data);
})
后台代码如下：
@CrossOrigin
@PostMapping("/employee/testpost")
@ResponseBody
public Result testpost(@RequestParam(value = "username", required = true) String username,
@RequestParam(value = "password", required = true) String password) {
System.out.println(username + " , " + password);
Result json = new Result();
json.setResult(1);
return json;
}
而当我在postman上发送post请求时就能成功获得返回数据。困扰了很久，才发现是请求头的问题。axios请求头的 Content-Type 默认是 application/json，而postman默认的是 application/x-www-form-urlencoded。我这里采取的解决办法是改变后台的接收方式：
@CrossOrigin
@PostMapping("/employee/testpost")
@ResponseBody
public Result testget(@RequestBody Map map) {
System.out.println(map.get("username") + " , " + map.get("password"));
Result json = new Result();
json.setResult(1);
return json;
}
这样数据就成功返回了！
以上这篇解决axios发送post请求返回400状态码的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue属性props默认类型的写法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vue中el-checkbox、el-switch绑定值问题详解
这篇文章主要给大家介绍了关于vue中el-checkbox、el-switch绑定值问题的相关资料,文中通过代码介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了浅析VUE防抖与节流的相关资料，帮助大家更好的理解和学习vue框架，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了vite+vue3项目中使用SVG方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式，如果是大型项目，很多时候都需要在子组件之间传递数据，使用vue的状态管理工具vuex很好的解决2018-08-08
vue2.0数据双向绑定与表单bootstrap+vue组件
这篇文章主要介绍了vue2.0数据双向绑定与表单bootstrap+vue组件,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要介绍了vue单个元素绑定多个事件问题(例如点击绑定多个事件方法)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了详解Vue2.x-directive的学习笔记，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
当我们谈论或讨论在 Vue 中创建用户界面组件时,经常会提到可重用性,在 Vue 中创建真正的可重用组件可能很棘手,在本文中,我将探讨可重用组件的概念、应用这些组件时面临的问题,以及为什么必须尽可能克服这些问题,需要的朋友可以参考下2023-10-10
Lambda函数,也称为匿名函数,是Vue3中的一种函数类型,绑定匿名方法和绑定普通方法主要是写法上的区别,其他的区别并不是很大,本文主要介绍了Vue3中使用匿名函数的方法实现,感兴趣的可以了解一下2023-12-12
最新评论