访问tomcat的webapps下war包,页面空白

SpringBoot+vue前后端分离项目,Vue打包到SpringBoot中

常见问题

错误一:war包访问页面空白

前提:项目在IDEA里配置tomcat可以启动访问项目

但是,打成war包拷贝到tomcat webapps下能启动却访问不了,页面显示空白

原因:

这个问题是因为idea会默认将项目以ROOT为目录的文件 而拷贝到tomcat的webapps下面则是解压成你项目名称为目录的文件,和ROOT是同级的

解决办法

方案 一:(验证测试成功!!!

将你的war名称改成作为ROOT.war

原来Tomcat的 webapps下的ROOT文件删除

方案二:

在tomcat的server.xml文件的Host标签内配置

<Context path="/" docBase="你项目的地址" reloadable="true"/>

方案三:(这个测试不行,可能方法不对)

用tomcat发布时,将前端请求的路径加上你的项目名称

错误二: Whitelabel Error Page

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Tue May 21 16:07:03 CST 2024
There was an unexpected error (type=Not Found, status=404).

一般几个问题:

1) Tomcat 设置的路径问题

2)vue打包后的文件拷贝至 springboot时,没有新建一个 resources下的 static文件夹

3)访问路径错误

错误三: AxiosError: Network Error

访问登录页面,输入账号密码点击登录,报错

AxiosError: Network Error

确定是跨域访问的问题,但怎么操作都不行,按六步骤方法也不行,原来tomcat端口是 8080,springboot是 9131,vue端口是 9131

粗暴但是有效的方法:

将 tomacat和vue的端口都设置为 9131,成功登录!!!!!

啊啊啊啊。。。。好几天了。。。。

访问

http://localhost:9131

查看端口占用情况

sudo lsof -i:端口号
相关推荐
颜淡慕潇37 分钟前
【K8S问题系列 |1 】Kubernetes 中 NodePort 类型的 Service 无法访问【已解决】
后端·云原生·容器·kubernetes·问题解决
戴眼镜的猴1 小时前
Spring Boot的过滤器与拦截器的区别
spring boot
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
尘浮生2 小时前
Java项目实战II基于Spring Boot的光影视频平台(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·后端·maven·intellij-idea
mosen8682 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
尚学教辅学习资料2 小时前
基于SpringBoot的医药管理系统+LW示例参考
java·spring boot·后端·java毕业设计·医药管理
morris1312 小时前
【SpringBoot】Xss的常见攻击方式与防御手段
java·spring boot·xss·csp
别拿曾经看以后~2 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
monkey_meng3 小时前
【Rust中的迭代器】
开发语言·后端·rust
余衫马3 小时前
Rust-Trait 特征编程
开发语言·后端·rust