本地运行Vaadin应用启动正常但登录页面空白问题求助

1. 先修正访问地址
   从日志里明确看到Tomcat启动在8180端口（HTTPS协议）：

   2023-08-16 15:10:15.075  INFO 11516 --- [  restartedMain] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8180 (https) with context path ''
   

   你当前访问的localhost:8010/login端口完全不匹配，先尝试访问https://localhost:8180/login。

2. 如果修正地址后仍空白，按以下步骤排查

   • 清理前端缓存：删除项目目录下的target/frontend、node_modules文件夹，执行mvn clean install（Maven项目）或./gradlew clean build（Gradle项目）重新构建，同时用Ctrl+Shift+Delete清空浏览器缓存
   • 处理HTTPS证书问题：本地自签HTTPS证书会被浏览器拦截，打开浏览器F12控制台，查看Network标签是否有证书相关报错，手动信任该证书
   • 同步环境依赖：核对你的JDK、Maven/Gradle版本和同事完全一致，重新拉取项目依赖
   • 检查端口占用：用netstat -ano | findstr "8180"（Windows）或lsof -i :8180（Mac/Linux）确认8180端口未被其他程序占用，杀掉占用进程后重启应用
   • 查看浏览器控制台错误：打开F12的Console标签，检查是否有JS加载失败、404/500等报错信息，这些能直接定位问题根源
   • 核对本地配置：检查application.properties/application.yml中的端口、Vaadin相关配置，确保和同事的配置一致，没有本地自定义的错误配置

内容的提问来源于stack exchange，提问作者Calvin Liu