vue 中点击确认按钮，无反应，且页面报错 AxiosError code : “ERR_BAD_RESPONSE“

最新推荐文章于 2025-09-24 12:35:41 发布
原创 最新推荐文章于 2025-09-24 12:35:41 发布 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue #spring boot

文章描述了在编程过程中遇到的一个问题，即由于实体类中多了一个未使用的date属性，导致页面出现错误。解决方案是注释掉这个无用的属性，从而恢复了页面的正常运行。

页面报错信息如下：在这里插入图片描述
在控制台中找到如下报错信息：
在这里插入图片描述
发现自己的实体类中多加了一个没用的属性date,注释掉后页面可成功运行
在这里插入图片描述

VegetablesDoog
关注
"error": "Bad Request", "message": Required request body is missing 请求接口的时候报错
kqZhu的博客
07-29 1万+
目录 1、问题 2、原因 3、解决 1、问题 写了一个insert的接口，请求方式是post，但是在用postmac调试api的时候出现了400错误，并被告知Required request body is missing。 2、原因 因为只有PostMapping 支持@RequestBody ，GetMapping 不支持。 而我在postman中的Params直接添加ke...
【尚品汇项目】在vue项目使用接口后续进行三级联动时报错404 bad request axios error
epsilonthefarmer的博客
09-06 711
【尚品汇项目】在vue项目使用接口后续进行三级联动时报错404 bad request axios error
【源码分析】axios
未来可期
09-26 2580
前言 好久没写博客了，不是我偷懒啊，是我最近刚换工作，忙着熟悉业务和熟悉新生活，还没找到合适的步伐继续前进。 今天要分享的是axios源码。起因是我本来想学ts，然后某课上面有使用ts开发一个axios，再然后我看到中间我就看不懂了，干脆自己来研究一下axios的源码，所以就有了这篇总结了。 功能分析 参考文档和源码，我总结出来大概以下几个功能： 发送请求，支持浏览器环境和Node环境； 创建Axios实例； 有请求和响应拦截器； 支持转换请求数据和响应数据 支持取消功能； 支持并发功能等。 目录分析
vue3项目的基本配置（axios,element-plus等）
daniuge_99的博客
08-26 1871
vue3配置，element-plus使用，axios挂载vue3
解决90%前端请求故障：AxiosError全方位诊断指南
gitblog_00381的博客
09-24 534
你是否遇到过这些问题：前端请求失败却不知原因？错误信息混乱难以调试？相同的网络错误每次提示都不一样？Axios的AxiosError错误类正是为解决这些痛点而生。本文将带你系统掌握AxiosError的工作原理、常见错误类型识别及实战处理方案，让你从此告别盲猜式调试。 ## AxiosError核心能力解析 AxiosError是Axios库专为HTTP请求错误设计的异常处理类，定义于[lib...
Request failed with status code 400‘, name: ‘AxiosError‘, code: ‘ERR_BAD_REQUEST‘
m0_64093070的博客
06-10 1795
这个问题在postman可以对数据进行查询，但是在vue中却会报这个问题，但是查询还是没有问题。这个主要是同步与异步的关系问题。只需要改成异步即可。修改为异步就不会报错了。
前端请求接口报axioserror
热门推荐
Slpyy的博客
12-09 1万+
后面我找到后端问了他一下，他说他还在查错，我当时问了他叫他看看自己是否开了代理，他后面说他开了代理至于到底是什么错误，还在查找中。。。。。。。。
AxiosError {message: 'Request failed with status code 401', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} (匿名) @ Login.vue:57
最新发布
12-03
通过以上步骤，应该能够解决登录页面使用Axios请求时出现的401错误和ERR_BAD_REQUEST错误，并确保在401时能够正确跳转。 §§相关问题§§ 1. 在Axios拦截器中如何处理多种错误状态码（如400, 403, 500）？ 2. ...
settle.js:24 Uncaught (in promise) AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …}
10-06
首先，用户的问题是关于解决一个具体的错误："settle.js:24 Uncaught (in promise) AxiosError Request failed with status code 500"。这个错误发生在JavaScript中，使用Axios库进行HTTP请求时，服务器返回了500...
inboundDashboard.js:12 GET http://localhost:8080/api/v1/dashboard/inbound/quantity-trend?startDate=2025-09-21&endDate=2025-10-21&groupBy=day 404 (Not Found) request.js:28 response错误: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} charts.js:126 加载入库趋势数据失败: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} inboundDashboard.js:20 GET http://localhost:8080/api/v1/dashboard/inbound/supplier-statistics?topN=10 404 (Not Found) request.js:28 response错误: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} charts.js:238 加载供应商统计数据失败: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …} inboundDashboard.js:28 GET http://localhost:8080/api/v1/dashboard/inbound/sku-ranking?topN=10 404 (Not Found) request.js:28 response错误: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}
10-22
我们正在讨论的是JavaScript中使用Axios发送GET请求时遇到404错误的问题。根据用户描述，请求的URL是：http://localhost:8080/api/v1/dashboard/inbound 404错误意味着客户端能够与服务器通信，但服务器找不到请求...
创建订单失败: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}
06-12
在 Vue.js 项目中使用 Axios 进行请求时，如果出现 `AxiosError` 并返回状态码 404 的错误，通常意味着客户端发送的请求无法找到对应的服务器端接口。以下是可能的原因及解决方案： #### 1. 检查 Mock 数据配置 ...
把 download_ly.vue:70 GET http://localhost:81/wmss/download_ly/export 404 (Not Found) download_ly.vue:100 下载失败: AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}
09-02
如果你使用了 Nginx 或 Vue 的 `vue.config.js` 中设置了代理，请确认代理是否正确转发到后端。 **Vue 项目中设置代理示例（`vue.config.js`）：** ```js module.exports = { devServer: { proxy: { '/api': { ...
AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘, code: ‘ERR_BAD_REQUE
m0_62115261的博客
09-25 2582
请求转发到指定的后端服务器，并在转发前修改请求的origin头部和路径，以匹配后端服务的期望。简单地说就是加上这段代码后，请求路径带/api都放行。原理：启用CORS支持，允许前端应用安全地请求后端服务的数据，然后配置一个HTTP代理，将前端应用中的。解决方法，在项目的vite.config.js加上这段代码就行了。最近做项目前端，搞完移动端，再做管理系统的时候出现这个跨域问题。
10Filter&Listener-4. Filter登录验证
学无止境
10-20 294
10Filter&Listener-4. Filter登录验证*
golang 捕获堆栈信息_一篇文章教你如何捕获前端错误
weixin_39806065的博客
11-22 406
常见错误的分类对于用户在访问页面时发生的错误，主要包括以下几个类型：1、js运行时错误JavaScript代码在用户浏览器中执行时，由于一些边界情况、本地环境的不可控等因素，可能会存在js运行时错误。而依赖客户端的某些方法，由于兼容性或者网络等问题，也有概率会出现运行时错误。e.g: 下图是当使用了未定义的变量"foo"，导致产生js运行时错误时的上报数据：2、资源加载错误这里的静态资源包括js、...
axios 响应拦截的error 是什么类型的数据
u011004827的博客
09-12 2058
console.log 打印的是对象的字符串表示形式，而不是对象本身。当你使用 console.log 打印 Error 对象时，它会调用 Error 对象的 toString() 方法，这个方法会将 Error 对象转换为字符串并进行打印。当请求发生错误时，axios 会返回一个 Promise 对象，如果响应拦截器中发生错误，error 对象会被传递给拦截器的错误处理函数。在上述示例中，我们创建了一个Error对象，并使用instanceof操作符判断变量err是否是Error对象或其派生类的实例。
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
04-13 5273
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
解决前端网页引入JS文件出现net::ERR_ABORTED
森的博客
06-01 6215
使用了js库文件，但是样式无法显示，按F12查看发现出现如下错误： 经过查找发现是自己网页写的有问题 引入js的时候一定要注意编码格式规范，要写type=“text/javascript” 项目重启一下，这个报错消失，又出现其他错误。 待解决 ...
vue axios400 Bad Request、axios415 Bad Request问题解决
weixin_54348877的博客
04-12 1643
使用api来连接前后端，报错前后端代码如下：请求头响应头如下：网上说是请求头响应头不一样，改掉出现新报错：于是我打印了data看一下发现名字是乱码，而且请求参数不对，我用post请求应该是json的才对的。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值