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

野性酷女 2023-07-10 14:27 18阅读 0赞

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

Axios.post Error: Request failed with status code 400

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llem9uZ3poZW4_size_16_color_FFFFFF_t_70][]

解析数据的问题就是：

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

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

解决的办法：

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

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

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

![20200303124935928.png][]

后台日期数据格式是：date

![20200303125126226.png][]

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

总结：

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

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

**axios中文解析说明文档**：

[https://www.kancloud.cn/luponu/axios][https_www.kancloud.cn_luponu_axios]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llem9uZ3poZW4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200303124516258.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llem9uZ3poZW4=,size_16,color_FFFFFF,t_70
[20200303124935928.png]: https://img-blog.csdnimg.cn/20200303124935928.png
[20200303125126226.png]: https://img-blog.csdnimg.cn/20200303125126226.png
[https_www.kancloud.cn_luponu_axios]: https://www.kancloud.cn/luponu/axios