访问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标签内配置

方案三：（这个测试不行，可能方法不对）

用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:端口号