You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

SpringBoot不能处理我前端(React)中的HTTP错误。

  1. 首先,在 Spring Boot 的 Controller 层中,可以通过使用 @ExceptionHandler 和 ResponseEntity 类来手动处理 HTTP 错误。下面是一个例子:
@ControllerAdvice
public class RestExceptionHandler {

    @ExceptionHandler(HttpRequestMethodNotSupportedException.class)
    public ResponseEntity<String> handleHttpRequestMethodNotSupported(Exception ex) {
        return ResponseEntity.status(HttpStatus.METHOD_NOT_ALLOWED).body("This method is not supported for this endpoint.");
    }
}
  1. 如果想要在前端中展示错误信息,可以在 Spring Boot 的处理方法中添加一个返回 JSON 格式的对象。例如:
@ResponseStatus(HttpStatus.NOT_FOUND)
@ResponseBody
public ErrorMessage handleUserNotFoundException(UserNotFoundException ex) {
    return new ErrorMessage("User not found", ex.getMessage());
}

这里的 ErrorMessage 类可以包含自定义错误信息和错误详情。

  1. 在 React 前端中,使用 axios 发起 API 请求时,可以通过添加一个 catch 代码块来捕获 HTTP 错误并展示错误信息。例如:
axios.get('https://example.com/api/users')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理 HTTP 错误
    const message = error.response.data.message
    console.error(message)
  })

这样就可以在前端中展示出错误信息了。

本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。
展开更多
面向开发者的云福利中心,ECS 60元/年,域名1元起,助力开发者快速在云上构建可靠应用

社区干货

Flutter, 终究还是选择了你

刚好我做过ReactNative,也了解过Flutter,下面我就跟大家谈谈对这两个前端框架的感悟。前端繁荣昌盛的背后不断出新,三大成熟框架React, Vue,Angular自不必说。自从移动端火热发展后,为了解决H5在移动端性能表现的... FaceBook 2015年推出跨平台移动应用开源框架ReactNative,目的就是兼顾移动端Android和ios,同时抛开了传统H5开发的一些思想。在ReactNative中没有WebView,开发者也不能直接在浏览器中运行。但是ReactNative比较好的...

AI元年:一名前端程序员的技术之旅|社区征文

我已经走过了近三年的旅程。****这是一个充满了代码的世界,每一行代码都像是一首诗,记录着我在技术海洋中的探索和成长。**### 一、成长经历2023年,对于我来说是不够幸运的一年。在三月份的时候,我选择了从工... 我认为很多程序员应该都是对技术有着一些热情,对代码写书有着严格规范。现在回头看来,这种想法简直谈的上是“天真”。 有把Vue、React当jQuery使的,有单文件(vue/react)近万行的。有会点后端、懂点前端的就称之为”...

漫谈开源许可证:开发者需要知道的法理和事例

(https://p6-volc-community-sign.byteimg.com/tos-cn-i-tlddhu82om/d3a7135097c2425cb6a5e6e6e034bc60~tplv-tlddhu82om-image.image?=&rk3s=8031ce6d&x-expires=1716135641&x-signature=lDr909AzWKn6DcoIjsfVCRBzUdc%3D)图片来源:维基百科 维基百科相关条目有这样一张信息量很大的图片,描述了各种许可下的软件分类。这里我们可以先将开源软件等价于图中的 FOSS 软件,然后根据这张图可以有以下解读:* **开源软件 ...

六年安卓开发的技术回顾和展望 | 社区征文

我很有感慨,差一点就“误入歧途”😄。当初在大学时,加入了西电金山俱乐部,俱乐部里有很多方向:后端、前端、安卓、Windows Phone 等。![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e79... 我经常需要去网上搜索解决方案,后来搜索的多了,觉得总不能一直都是索取,我也可以尝试去写一下。于是在 CSDN 注册了账号,并于 2014 年 10 月发布了的[第一篇原创文章](https://blog.csdn.net/u011240877/article/...

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

SpringBoot不能处理我前端(React)中的HTTP错误。 -优选内容

Flutter, 终究还是选择了你
刚好我做过ReactNative,也了解过Flutter,下面我就跟大家谈谈对这两个前端框架的感悟。前端繁荣昌盛的背后不断出新,三大成熟框架React, Vue,Angular自不必说。自从移动端火热发展后,为了解决H5在移动端性能表现的... FaceBook 2015年推出跨平台移动应用开源框架ReactNative,目的就是兼顾移动端Android和ios,同时抛开了传统H5开发的一些思想。在ReactNative中没有WebView,开发者也不能直接在浏览器中运行。但是ReactNative比较好的...
AI元年:一名前端程序员的技术之旅|社区征文
我已经走过了近三年的旅程。****这是一个充满了代码的世界,每一行代码都像是一首诗,记录着我在技术海洋中的探索和成长。**### 一、成长经历2023年,对于我来说是不够幸运的一年。在三月份的时候,我选择了从工... 我认为很多程序员应该都是对技术有着一些热情,对代码写书有着严格规范。现在回头看来,这种想法简直谈的上是“天真”。 有把Vue、React当jQuery使的,有单文件(vue/react)近万行的。有会点后端、懂点前端的就称之为”...
漫谈开源许可证:开发者需要知道的法理和事例
(https://p6-volc-community-sign.byteimg.com/tos-cn-i-tlddhu82om/d3a7135097c2425cb6a5e6e6e034bc60~tplv-tlddhu82om-image.image?=&rk3s=8031ce6d&x-expires=1716135641&x-signature=lDr909AzWKn6DcoIjsfVCRBzUdc%3D)图片来源:维基百科 维基百科相关条目有这样一张信息量很大的图片,描述了各种许可下的软件分类。这里我们可以先将开源软件等价于图中的 FOSS 软件,然后根据这张图可以有以下解读:* **开源软件 ...
六年安卓开发的技术回顾和展望 | 社区征文
我很有感慨,差一点就“误入歧途”😄。当初在大学时,加入了西电金山俱乐部,俱乐部里有很多方向:后端、前端、安卓、Windows Phone 等。![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e79... 我经常需要去网上搜索解决方案,后来搜索的多了,觉得总不能一直都是索取,我也可以尝试去写一下。于是在 CSDN 注册了账号,并于 2014 年 10 月发布了的[第一篇原创文章](https://blog.csdn.net/u011240877/article/...

SpringBoot不能处理我前端(React)中的HTTP错误。 -相关内容

干货|可视化BI平台:如何构建易用的数据流?

DataWind前端团队正在进行模块架构的升级,本文将为大家详解基于**Redux + hook**如何升级数据流方案,以解决可视化查询模块内以及与其他模块间数据流使用不规范的问题,同时为开发者带来更好的开发体验。 ![picture.image](https://p3-volc-community-sign.byteimg.com/tos-cn-i-tlddhu82om/e3c7a63244ca4677a37695274b2b5818~tplv-tlddhu82om-image.image?=&rk3s=8031ce6d&x-expires=1716135652&x-signature=LGfvuWtJg%...

2023年 - 的程序员之旅和成长故事

我觉得不能这样再下去了,于是我开始调整心态,也学习了一下投递简历的一些技巧。我最开始投递简历的时候,并不在乎什么时间段,而是我想到就去投,其实这样做是不正确的,后面了解到,HR的工作时间一般在早上八点半之后,... 就是有几个前端知识点我给忘了,不过问题不大哈哈哈。到最后呢其实HR给了我意向,但是我最后并没有选择去这家公司,首先呢一是地方比较偏,在三四线城市中的郊区,二呢我还想多面试一下看看,还是想往发展好一点的城市看...

转型,技术人绕不开的坎

相比于前端日新月异,百花齐放,后台相对来说比较稳定,除了最近几年Google推出的Go 语言,主要就是java一统后端了。虽然也有服务端语言Python,Node,PHP等,但是性能和生态远不能和java相比。随着近几年大数据,人工智... 里面对H5的入门知识,参考书籍,还有一些调试技巧介绍得很全面了。最后再说说Flutter和ReactNative吧,在我决定转战大前端之后就比较多地关注前端的发展。去年参与过一个ReactNative项目,了解了大概框架,但是理解得...

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

低头赶路,敬事如仪,回首的开发历程

我便8日踏上了归程,当时上海的地铁上几乎没有人。公司也因为疫情每况愈下,直到七月份通知裁员。其实在上海这一年经历的比北京两年还要多,不管是生活还是工作,自己解决问题的能力得到了很大提升。也遇到了形形色色的... 给的工作学习带来了很大的帮助,在这里,十分感谢抖音开放平台。- 前端进阶课程,一共50多节课程,除了react、小程序和部分算法没有刷,其他都搞定了- 学习vue3课程已经over- 软考学了不到一个月,后续要继续...

海量笔记@在云上,如何搭建属于自己的全文搜索引擎 Web应用-个人站点 | 社区征文

[image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/73e14b852379457d8b1daed0fb9568dc~tplv-k3u1fbpfcp-5.jpeg?)## 云服务资源**阿里云服务器概览** ![image.png](https://p3-juejin.byteimg.c... React解决方案等,来实现产品的用户界面交互。**```开发:Visual Studio Code运行:npm run serve编译:npm run build解压:/***/***/dist配置:nginx加server配置,监听端口,域名映射访问:./nginx -s reload,...

不断突破,稳中求进——的移动端跨平台开发技术回顾与展望| 社区征文

(https://www.angularjs.net.cn/) 诞生于**2009**年,由 [Misko Hevery](https://www.bilibili.com/video/av99126345/) 等人创建,后为 **Google** 所收购。[React](https://reactjs.org/) 起源于**Facebook**的内... 通过上面前端开发技术栈的发展历程讲解,可以用两个词语总结:**不断突破,稳中求进**。新技术的产生总是在解决现有技术无法解决问题的时候衍生出来的,刚开始在公司内部应用,进而演变为开源项目。新技术在发展过程中,...

火山引擎DataLeap的Data Catalog系统公有云实践 (下)

无法直接访问到Data Catalog服务,基于以上情况,为了正常对外提供服务,我们需要解决网络隔离问题同时还要保证安全性。**解决方案:**![picture.image](https://p3-volc-community-sign.byteimg.com/tos-cn-i-tl... 考虑到服务间交互都是通过HTTP请求,我们对和外部交互的接口都增加了SSL和双向认证的机制,同时在安全认证方面,我们没有使用Nginx或Java原生的方案,而是借助于火山引擎内部安全服务中的ZTI团队的envoy组件来实现,同时...

一种新型的系统设计解决方案:模块树驱动设计

为了从源头上解决这些问题,John Ousterhout教授提出:*从项目一开始就要严格遵循进行软件设计的原则,那些为了赶工期而没有经过良好设计的代码,最终经过多次迭代后,都会变得越来越臃肿,继而变得再也无法维护了。*... 我们的目标是将一些同类型的提高一个抽象层次,将大脑比较难处理的9个概念简化成3个,这样就无需记忆其中的每个概念,另外由于较高层次的思想总是能够提示下面一个层次的思想,所以记忆起来会更方便。所有的思维过程(思...

L2同学的golang运维开发框架

# 工程说明```这是一个为技术服务部L2团队搭建的golang运维工具开发框架,采用gin+gorm+logrus,仿照springmvc的架构对业务进行分层:(通用日志配置在代码中耦合,尚未拆分)- router负责路由映射,需要在main函数中进行注册- controller层负责根据router层的路由分发,接受前端请求,调用service层进行业务处理- service层只负责业务逻辑处理,如需操作数据库,可调用dao层,数据库事务等可在该层进行控制- dao层负责数据库的curd操作...

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

产品体验

体验中心

云服务器特惠

云服务器
云服务器ECS新人特惠
立即抢购

白皮书

一图详解大模型
浓缩大模型架构,厘清生产和应用链路关系
立即获取

最新活动

爆款1核2G共享型服务器

首年60元,每月仅需5元,限量秒杀
立即抢购

火山引擎增长体验专区

丰富能力激励企业快速增长
查看详情

数据智能VeDI

易用的高性能大数据产品家族
了解详情

一键开启云上增长新空间

立即咨询