axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。

10月前作者：Famishment 分类：Toy博客阅读(61) 违法举报

这篇具有很好参考价值的文章主要介绍了axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题：在postman上发送post请求时就能成功获得返回数据，但是在前端发送却得不到返回数据。

400错误，大概率就是请求头、数据类型/参数名，前后端不一致

axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。

排查前端：发现前端的post请求头中 contentType: application/json 格式

axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。

axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。

排查后端：后端的接口的接收方式，已经添加@CrossOrigin注解

axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。

解决：

请求头问题

axios请求头的Content-Type默认是 application/json ，

postman默认的是 application/x-www-form-urlencoded

请求头错误，前端请求头的content-type和后端不一致

参考：

在vue项目中使用axios发送post请求出现400错误的解决_vue.js_脚本之家

解决axios发送post请求返回400状态码的问题_vue.js_脚本之家

关于请求头的文章：

【软件测试】POST请求包含哪些参数_post请求头包含哪些内容_皮皮要HAPPY的博客-CSDN博客文章来源地址https://www.toymoban.com/news/detail-486016.html

到了这里，关于axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

前端向后端发起请求时，报Uncaught (in promise) ReferenceError: ***** is not defined的错

前端调用后端的接口，显示的Uncaught (in promise) ReferenceError: getGoods is not defined。但是我们在后端中配置了该接口的请求地址的。同时在前端的axios中也进行了相关接口的封装的。报错的截图：原因是没有在页面中引入getGoods这个封装好的接口。解决方法：只需在需要使用的

2024年02月08日
浏览(66)
Postman发送post请求时报400错误，Required request body is missing

项目形参位置存在@RequestBody注解，用Postman发送post请求时报400错误，Required request body is missing。错误图示：解决方法：方法一：项目中形参位置不使用@RequestBody，在Postman进行Post请求时，在请求路径后直接拼接参数。方法二：项目中形参位置使用@RequestBody，在Postman进行Po

2024年02月11日
浏览(68)
ajax-axios发送 get请求或者发送post请求带有请求体参数

2024年02月05日
浏览(63)
再vue项目中使用axios原生发送post请求

前言：在大多数项目开发中，都是采用前后端分离架构，在此情况下都采用一些成熟的框架，类似于ruoyi，因为成熟所以前端的请求都进行了各种封装，有时想单独发起一个简单的请求，还有点麻烦，因此记录一下。因为是前后端分离，当前前端使用的端口是81，后端运行的

2024年02月14日
浏览(49)
【Vue框架】Vue2中axios发送请求—安装axios、配置全局域名、传递参数、axios原理之Promise(什么是Promise、使用原因、基本使用、相关API、async与await使用）

官网： https://www.axios-http.cn/ 1.1.1 安装axios库安装 axios 通信库： npm install axios -S 1.1.2 在全局中引入axios库全局在main.js中引入axios： import axios from \\\'axios\\\' 1.1.3 挂在原型对象 Vue.prototype.$axios = axios; 将 axios 挂载到Vue原型对象中，实现数据共享，节约内存空间。此时在任何页面都可

2024年02月05日
浏览(51)
vue使用axios发送post请求携带json body参数，后端使用@RequestBody进行接收

最近在做自己项目中，做一个非常简单的新增用户场景，但是使用原生axios发送post请求的时候，还是踩了不少坑的。唉，说多了都是泪，小小一个新增业务，在自己前后端一起开发的时候，硬是搞了好久。下面就把问题总结分享下，防止后人再踩坑。首先先看下我的接口定

2024年02月02日
浏览(55)
在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。

在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。这个问题的原因是axios默认发送的请求是json格式的，而后端接收的请求是form表单格式的，这就导致后端无法获取json格式的请求参数。解决这个问题可以通过设置axios的请求头部信息，将请求格式设置为

2024年02月16日
浏览(50)
Uncaught (in promise)和Uncaught (in promise) TypeError: Cannot read properties of undefined (readin

只要在后面加上.catch((e) = {})，就不会报错了，这个问题的解决要想resolve(),在commit()不然就会报错，注意：先后的顺序

2024年02月09日
浏览(49)
Uncaught (in promise)解决方法

\\\"Uncaught (in promise)\\\" 是 JavaScript 的一种错误，通常是在执行 Promise 时发生的。解决方法可能有以下几种：在 catch 块中处理错误。例如：

2024年02月16日
浏览(50)
报`Uncaught (in promise)`错误解决办法

使用了promise,但是在使用的过程中报 Uncaught (in promise) 错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上 new Promise((resolve, reject) ={}).catch((e) = {}) ，就不会报错了有收获？希望老铁们来个三连击，给更多的同学看到这篇文章 1、老铁们，

2024年02月11日
浏览(61)