Axios请求后端数据,返回404解决 Uncaught (in promise) Error: Request failed with status code 404

最新推荐文章于 2025-03-13 14:15:01 发布
最新推荐文章于 2025-03-13 14:15:01 发布
阅读量2.7w 收藏 32
点赞数 24
分类专栏： 前端 问题解决 笔记 文章标签： java vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41755616/article/details/119533582
版权
在开发前后端分离的登录页面时遇到404错误，作者发现后端已接收到前端数据，但前端无法获取响应。经过深入研究axios用法和检查Controller层，发现是Java Controller缺少了@ResponseBody注解导致问题。添加注解后，前端成功获取数据，提醒开发者在处理此类问题时需全面考虑前后端交互的各个环节。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我在写前后端分离登录页面的时候,发现出现了这样子的错误
Uncaught (in promise) Error: Request failed with status code 404
在这里插入图片描述
感觉特别神奇,但是明明后端已经拿到了前端发送的数据了
在这里插入图片描述
在这里插入图片描述
为什么会出现这样的情况,我百度了很长一段时间
没有找到解决办法,于是我看了一下前端页面
在这里插入图片描述
这样的代码,然后我花了一段时间去查axios的使用
之后我再审视了一遍我的controller层
好家伙!原来问题出现在java的controller层:
在这里插入图片描述
原来忘记了 @ResponseBody 注解
前端根本就没有办法拿到数据
在另外一个controller中我的注解使用的是 @RestController 所以不需要用到 @ResponseBody注解
在这里插入图片描述
现在算是拿到数据了!

ps. 很多时候需要考虑很多其他的因素,包括前后端的各个方面

vue2/3 - 使用mock模拟数据，axios发送请求时报错Request failed with status code 404报错，请求数据报错404，vue mock.js 报错详细解决！
高级前端工程师
07-10 2743
vue，nuxt，mock，插件，模拟请求接口数据，报错，用mockjs模拟数据，axios发送get请求时出错，路径没问题为什么会404，接口地址没有错，请求数据报错404，http请求出现了问题，axios，详细解决教程，404，mock.js请求数据报错404，vue报错解决，浏览器，请求，URL请求地址，正确，错误，Request failed with status code 404，vue报错解决:mock.js请求数据报错404_vue中使用mockjs没有数据，vue-cli中mock本地j
Uncaught (in promise) Error Request failed with status code 500
m0_67392126的博客
03-08 949
分享一些状态码400 404 500等原因: 出错: 前端: // 获取所有的导航菜单 async getMenuList(){ const {data:res} = await this.$http.get("menus"); console.log(res.data); if( res.status != 200) return this.$message.error("操作失败！！！"); this.menuList = res.data
Uncaught (in promise) Error: Request failed with status code 500
热门推荐
qq_41358574的博客
02-15 4万+
前端: // 获取所有的导航菜单 async getMenuList(){ const {data:res} = await this.$http.get("menus"); console.log(res.data); if( res.status != 200) return this.$message.error("操作失败！！！"); this.menuList = res.data; }, 后端： @RestControlle..
接口正常被调用且返回数据但前端页面渲染失败，控制台报错Uncaught (in promise）
最新发布
得未曾有 心净踊跃
03-13 712
后端同学在需求评审时说好的用200表示成功，结果上线时他们实际返回的code字段竟然是0！👨💻 后来跟后端兄弟撸串时聊起这事，他说自己当时看错了文档里的状态码定义…这些Promise错误就像调皮的小鬼，在调用栈里上蹿下跳。最气人的是，在我本地环境竟然能复现！这导致调用链里的Promise异常没有被正确捕获，最终导致整个渲染流程崩溃。A：当时涉及多个正在测试中的下游系统，改动成本较高，故采用临时方案过渡。Q：Promise错误为何会导致整个页面崩溃？Q：怎么避免类似问题再次发生？FAQ（来自团队内部提问）
axios请求报Uncaught (in promise) Error: Request failed with status code 404
weixin_42113613的博客
03-09 1万+
axios请求报Uncaught (in promise) Error: Request failed with status code 404 情景：react+axios 提交表单，使用axios处理请求时，出现报错： 原因：前后台端口号不同，需要解决跨域问题 解决： 配置 ajax 请求的代理: package.json "proxy": "http://localhost:4000" 重新启动项目 ...
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404
m0_57255222的博客
09-07 2734
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404，跨域问题，没有写跨域文件。
AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘, code: ‘ERR_BAD_REQUE
m0_62115261的博客
09-25 1797
请求转发到指定的后端服务器，并在转发前修改请求的origin头部和路径，以匹配后端服务的期望。简单地说就是加上这段代码后，请求路径带/api都放行。原理：启用CORS支持，允许前端应用安全地请求后端服务的数据，然后配置一个HTTP代理，将前端应用中的。解决方法，在项目的vite.config.js加上这段代码就行了。最近做项目前端，搞完移动端，再做管理系统的时候出现这个跨域问题。
Error: Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
m0_46183615的博客
11-14 2万+
前后端分离，写axios时常见报错 常见问题-跨域（要配置一下vue.config.js）噢 跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题 1. 404 可能是后端的bug，还没部署好(接口未处理)之类的 可能是前端问题：路径错误（拼写错误！！！） 跨域问题-路径没写对 这是我main.js的配置（个人习惯不一样，可能不同噢） 这是vue里面的写法，需要注意记着写写’${}‘否则
【vue】Uncaught (in promise) Error: Request failed with status code 404
weixin_56851586的博客
11-28 7641
错误原因：跨域访问是路径出错，多了“”
解决axios发送post请求返回400状态码的问题
01-19
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: post, url: ...
axios.js:1200 Uncaught (in promise) Error: Request failed with status code 404
04-03
This error message indicates that the request made by Axios (a popular JavaScript library used for making HTTP requests) failed with a status code of 404. A 404 error indicates that the requested ...
解决vue2中使用axios http请求出现的问题
11-30
在Vue2应用中，我们经常使用axios库来进行HTTP请求，特别是与后端API进行数据交互。然而，在实际操作中，可能会遇到一些问题，比如在发送POST请求时遇到404错误。本文将深入探讨这个问题，并提供一个解决方案。 ...
踩坑：AxiosError，request failed with status code 404，axios 404，axios请求404。附：axios封装
m0_71981318的博客
07-27 2万+
axios封装，AxiosError，request failed with status code 404，axios 404，axios请求404
【Bug】Uncaught (in promise) AxiosError: Request failed with status code 404
道阻且长，行则将至。
11-30 7362
报错如下： 检查调用地址和接口地址是否一致，我的是接口写错了😭😭😭😭😭
axios请求报 Request failed with status code 404
weixin_39818813的博客
02-23 6533
这种情况是没有配置代理： config\index.js，里面配置： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { // /users/**表示有三级路由 '...
Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:
m0_60469045的博客
03-22 1973
记录一个报错：Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:16:1) at settle (settle.js:17:1) at XMLHttpRequest.onloadend (xhr.js:66:1)
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
04-13 5098
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
axios错误 Request failed with status code 404
weixin_48077500的博客
11-26 955
axios错误 Request failed with status code 404 这个bug困惑了卤煮一个小时,问了朋友,让我找路由的问题,我擦真的是忽悠 解决思路 URL 换小写 url 电子竞技 菜是原罪
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值