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

2024-05-27 09:20

本文主要是介绍访问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:端口号

这篇关于访问tomcat的webapps下war包,页面空白的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1007069

相关文章

使用Dify访问mysql数据库详细代码示例

《使用Dify访问mysql数据库详细代码示例》:本文主要介绍使用Dify访问mysql数据库的相关资料,并详细讲解了如何在本地搭建数据库访问服务,使用ngrok暴露到公网,并创建知识库、数据库访... 1、在本地搭建数据库访问的服务,并使用ngrok暴露到公网。#sql_tools.pyfrom

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Javascript访问Promise对象返回值的操作方法

《Javascript访问Promise对象返回值的操作方法》这篇文章介绍了如何在JavaScript中使用Promise对象来处理异步操作,通过使用fetch()方法和Promise对象,我们可以从... 目录在Javascript中,什么是Promise1- then() 链式操作2- 在之后的代码中使

Tomcat的下载安装与使用教程

《Tomcat的下载安装与使用教程》本文介绍了Tomcat的下载、安装和使用方法,包括在本机和云服务器上部署Tomcat的过程,以及解决启动失败问题的方法... 目录Tomcat的下载安装与使用Tomcat的下载与安装Tomcat在本机运行使用Tomcat在php云服务器上的使用总结Tomcat的下载安装与

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态,也可以监听当http://www.cppcn

如何使用Docker部署FTP和Nginx并通过HTTP访问FTP里的文件

《如何使用Docker部署FTP和Nginx并通过HTTP访问FTP里的文件》本文介绍了如何使用Docker部署FTP服务器和Nginx,并通过HTTP访问FTP中的文件,通过将FTP数据目录挂载到N... 目录docker部署FTP和Nginx并通过HTTP访问FTP里的文件1. 部署 FTP 服务器 (

MySQL表锁、页面锁和行锁的作用及其优缺点对比分析

《MySQL表锁、页面锁和行锁的作用及其优缺点对比分析》MySQL中的表锁、页面锁和行锁各有特点,适用于不同的场景,表锁锁定整个表,适用于批量操作和MyISAM存储引擎,页面锁锁定数据页,适用于旧版本... 目录1. 表锁(Table Lock)2. 页面锁(Page Lock)3. 行锁(Row Lock

禁止HTML页面滚动的操作方法

《禁止HTML页面滚动的操作方法》:本文主要介绍了三种禁止HTML页面滚动的方法:通过CSS的overflow属性、使用JavaScript的滚动事件监听器以及使用CSS的position:fixed属性,每种方法都有其适用场景和优缺点,详细内容请阅读本文,希望能对你有所帮助... 在前端开发中,禁止htm

Tomcat高效部署与性能优化方式

《Tomcat高效部署与性能优化方式》本文介绍了如何高效部署Tomcat并进行性能优化,以确保Web应用的稳定运行和高效响应,高效部署包括环境准备、安装Tomcat、配置Tomcat、部署应用和启动T... 目录Tomcat高效部署与性能优化一、引言二、Tomcat高效部署三、Tomcat性能优化总结Tom

本地搭建DeepSeek-R1、WebUI的完整过程及访问

《本地搭建DeepSeek-R1、WebUI的完整过程及访问》:本文主要介绍本地搭建DeepSeek-R1、WebUI的完整过程及访问的相关资料,DeepSeek-R1是一个开源的人工智能平台,主... 目录背景       搭建准备基础概念搭建过程访问对话测试总结背景       最近几年,人工智能技术