使用vue+Axios出现：Axios.post Error: Request failed with status code 400 其中解决办法之一

在做公司的练习的时候使用到vue进行增删改查。对数据进行修改请求后台的时候出现：

Axios.post Error: Request failed with status code 400

这个表示已经请求到服务器了，但是出现解析数据的时候出现问题。我们先在浏览器上的NetWork选项查看具体问题（后台编译器是没有报错误）。

解析数据的问题就是：

"Failed to convert property value of type 'java.lang.String' to required type 'java.util.Date' for property 'datetime';

可以发现前台的日期的格式是字符串的，然后我后台相对应的日期格式是date。所以后台数据解析的时候会出现数据格式不对的情况。

解决的办法：

在前台可以将字符类型的数据转为日期格式--

datetime--是字符串的格式数据

date--是将字符串格式的日期数据转为日期格式的数据。

后台日期数据格式是：date

当解决了前台和后台数据一致性之后报400错误就没有了。

总结：

(1)当我们前端控制台出现400、405、4xx系列的问题的时候。可以直接在控制台上直接看相对应的问题。再根据具体的问题去找出对应的方法。

(2)4xx系列问题应该是前台传到后台进行数据响应出现问题。我们要熟悉ajax、axios等异步请求相对应的步骤和原理才能比较快速找出问题的所在。

axios中文解析说明文档：

https://www.kancloud.cn/luponu/axios