前端显示no data(没有数据,一片空白)

◎浏览器查看显示

message: "Request failed with status code 404", name: "AxiosError", code: "ERR_BAD_REQUEST"

◎后端gateway 模块显示:

无需验证,通行。/business/admin/save  显示正确的路径,但是没有返回结果,也没有报错,就是空白

我的项目是前端与端口8080(gateway模块交互),再由gateway模块去分给其他模块(member 8000,business 8001),business 由member 模块作为模板,通过代码生成器生成所有内容,再修改业务逻辑。

解决:

既然已经到了后端,多次检查后端的业务逻辑没有问题,数据库连接和传输也没有问题(没有报错信息),最后确认应该是gateway模块这块转发有问题。

最后,在business模块里application.properites发现

server. servlet. context-path=/member

改成:

server. servlet. context-path=/business

OK,问题解决。

 

### Thymeleaf 访问页面显示空白解决方案 对于Thymeleaf模板引擎访问页面显示为空白的情况,通常由多种因素引起。一种常见情况是在循环遍历时出现问题[^3]。 #### 检查HTML结构和属性 确保HTML文档具有完整的`<!DOCTYPE html>`声明以及正确的<html>标签闭合。任何不匹配或未关闭的标签都可能导致浏览器无法正确解析整个页面内容。此外,在使用Thymeleaf表达式时应特别注意语法准确性,比如`${...}`用于变量插值而`*{...}`适用于选择器表达式。 #### 数据源验证 确认传递给前端数据集确实存在有效条目而非null或empty集合。如果数据列表为空,则即使迭代逻辑无误也不会有任何可见输出。针对这种情况可以在控制器层面上做预处理判断并设置默认提示信息返回给视图层展示[^2]。 ```java if (dataList == null || dataList.isEmpty()) { model.addAttribute("message", "No data available."); } else { model.addAttribute("items", dataList); } ``` #### 调试模式启用 开启Spring Boot应用的日志级别至DEBUG以便观察更详细的渲染过程日志,这有助于定位具体哪个环节出了差错。通过配置application.properties文件中的logging.level.org.thymeleaf=DEBUG来实现此目的。 #### 错误捕获机制完善 建立全局异常处理器配合自定义错误页设计,使得无论何时发生不可预见状况都能友好地向用户反馈而不是单纯呈现一片空白。例如创建一个/error.html作为通用错误响应界面,并利用@ExceptionHandler标注的方法集中管理各类可能抛出的Exception实例[^1]。 ```html <!-- templates/error.html --> <div th:text="${status}: ${errorMessage}" /> ``` #### 浏览者缓存清理 有时候旧版本资源被浏览器端所缓存也会造成看似“空白”的现象实则是之前加载失败后的残留画面。建议尝试清除浏览历史记录后再重新请求目标URL查看效果变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值