前后端项目部署到Tomcat 服务器

最新推荐文章于 2025-07-06 12:03:42 发布
最新推荐文章于 2025-07-06 12:03:42 发布
阅读量1w 收藏 14
点赞数 1
CC 4.0 BY-SA版权
分类专栏： java 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42390534/article/details/91477457
本文介绍了如何将SpringBoot和Vue结合的项目部署到Tomcat服务器。首先通过IDEA打包服务端项目，然后将打包后的war文件放入Tomcat的webapps目录下。对于前端Vue项目，执行npm run build生成dist文件夹，将其内容放入Tomcat的ROOT目录。调整Tomcat的端口可以在server.xml中修改，默认为80，非80端口访问需加上端口号。HTTPS部署需要配置证书。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Tomcat 服务器

项目Stringboot +Vue (当然其他的也可以)

第一步 打包项目 IDEA

在这里插入图片描述
在这里插入图片描述

build 一下就打包了 （打包的文件在target 文件下）

前端 Vue 打包

使用 npm 指令 npm run bulid 这是会在项目路径下生成一个Dist文件夹

第二部 部署Tomcat

把打包的服务端放到Tomcat 的webapps 文件下 然后启动Tomcat
在Tomcat 目录下的 bin 目录下 然后双击shutdown.bat（拖到cmd 运行也可以）
（Linux则是 ./shutdown…sh)
这是 Tomcat 会自动把你的war包压缩成一个包，
前端的话 把打包dist目录下放在 ROOT （在webapps 文件下）目录下就好
Tomcat 会默认访问 ROOT下的文件
tomcat 默认端口是80 可以去conf目录下的server.xml更改

443 是HTTPS 协议的默认端口
可以吧8443 改成443

HTTPS 协议要配置证书 制定证书位置

* 不是80 端口访问要加端口号 *
若依前后端分离部署到tomcat中详细教程
猿小白的博客
02-28 5216
本章教程，主要介绍一下，如何将若依前后端分离项目部署到tomcat中。 在阅读本教程前，希望你能够在本地能够将前后端分离项目跑起来，这里就不过多介绍了。 目录 一、后端打包步骤 （1）修改ruoyi-admin模块中的pom.xml （2）排除springboot中内置的tomcat容器 （3）然后通过package打包 二、 前端打包步骤 （1）首先前端目录 （2）安装依赖 （3）执行打包命令 三、部署详情步骤 (1)进入到dist目录中，新建文件夹WEB-INF，创...
前后端分离的项目部署到tomcat_如何部署前后端分离的JavaWeb项目
weixin_39714763的博客
12-21 5120
在开发中大型的JavaEE项目时，前后端分离的框架逐渐成为业界的主流，传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构，后端会被分解为诸多个小项目，然后使用dubbo+zookeeper或者springCloud来构建微服务，前端则会是一个单独的项目，前台的请求通过微服务来调用。但是，不同与传统的web项目，这类前后端分离的项目如何在开发中部...
前后端项目打包部署到Linux---tomcat
zhaozhaoLeo的博客
07-04 671
1、首先的话需要打包前端项目，我们使用npmrun build运行命令，然后会生成一个文件dist 2、将上面文件夹放到桌面备用 3、打包后台，需要改一些配置，首先是pom中引入依赖 <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifac...
SpringBoot-集成SpringBootAdmin-进阶版
lucky_love816的博客
07-28 1477
上一篇我们已经学习了SpringBoot-集成BootAdmin 前言 我们知道项目的监控是尤为重要的，但是我们如果用jdk 自带的jconsole 和jvisualvm 的话会非常繁琐，且界面不是很友好。之前我们使用了spring boot 项目，但是都没有对项目有一个很好的监控。在spring 家族中有 spring-boot-admin 可以很好的帮我们起到监控微服务项目的作用。 ...
前后端分离项目的完整部署（人工部署）
最新发布
每天学习一点点
07-06 854
本文介绍了基于VUE3+Vite前端和SpringBoot3后端的完整项目部署流程。首先在开发环境安装JDK17和Maven3.8.3进行打包，前端使用npm build生成dist目录，后端通过Maven打包成jar文件。然后将打包产物上传至Windows服务器，配置Nginx反向代理（监听8888端口），设置前端静态资源路径和后端API路由转发。最后通过WinSW将后端jar服务化运行，避免命令行窗口关闭导致服务停止。部署完成后，用户可通过8888端口访问系统。
Tomcat 部署方式
chibiaojie2162的博客
12-06 756
一、静态部署 1 、直接将web 项目文件件拷贝到webapps 目录中 Tomcat 的 Webapps 目录是 Tomcat 默认的应用目录，当服务器启动时，会加载所有这个目录下的应用。所以可以将 JSP 程序打包成一个 war 包放在目录下，服务器会自动解开这...
1006 - 解决前后端分离vue ，前后端都放在一个tomcat刷新路由404问题
数流坊
02-18 652
web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocatio...
SpringBoot前后端分离项目部署到一个Tomcat下详细（二）后端部署
weixin_41931970的博客
04-21 1162
我这里后端是打包成war包，步骤可以在百度上搜一下。 首先对java后端项目进行修改：下面是pom.xml 移除自带的Tomcat <!-- 添加次jar包，Springboot内嵌Tomcat--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-start
vue+springboot前后端分离项目部署到云服务器（一篇搞定所有步骤，从无到有）
weixin_63583875的博客
12-28 2149
使用tomcat9简单部署我们的vue+springboot前后端分离的项目到阿里云服务器，其他服务器也类似，教程全面简单，0linux基础也可以部署自己的个人项目，绝对容易。
前后端分离的项目部署到tomcat_如何在开发时部署和运行前后端分离的JavaWe
weixin_39918690的博客
12-21 2072
展开全部在开发中大型的JavaEE项目时，前后端分离的框架逐渐成为业32313133353236313431303231363533e78988e69d8331333365656637界的主流，传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构，后端会被分解为诸多个小项目，然后使用dubbo+zookeeper或者springCloud来构建微...
若依前后端分离项目部署文档（完整版）
04-07
### 若依前后端分离项目部署指南 #### 一、部署Linux + Nginx ##### 部署后台代码 **1.1 生成JAR包** 对于基于IDEA的开发者而言，可以通过在集成开发环境的Terminal中执行`mvn clean package`命令来生成项目的...
SpringBoot前后端分离项目部署到一个Tomcat下详细（一）前端部署
weixin_41931970的博客
04-21 5491
1、首先在服务器下载一个Tomcat,并在webapps文件夹下创建一个用来存放前端vue项目的文件夹，我这里创建的是vueProject文件夹。 我这里修改Tomcat的server.xml 将localhost改成了服务器ip，为的是局域网可以访问Tomcat。 2、打包vue项目。 在打包前 先修改一个vue项目，首先我这里将axios进行了封装 ，增加 **myaxios.defaults.baseURL="http://10.98.0.115:8080/demo"这段代码这是用来增加请求后端接
tomcat部署应用无法访问前端页面
技术篮子
11-13 948
最近在做实训项目的时候使用到了 ssm框架，在项目环境搭建好后，运行程序时，一直遇到页面访问404错误。 项目运行日志如下： 十一月 13, 2020 11:56:07 上午 org.apache.catalina.core.AprLifecycleListener init 信息: The APR based Apache Tomcat Native library which allows optimal performance in production environments was not .
windows系统用tomcat部署前后端分离项目
m0_46465060的博客
11-11 1783
修改tomcat下conf目录下的server.xml，catalina.properties，logging.properties文件配置。将二次编译的war包放到tomcat路径下webapps目录下。不同的前端架构生成的位置或文件名不同 详见架构官方文档。添加WEB-INF文件夹，文件内新建web.xml文件。将下载的zip文件解压，进入解压文件的lib目录下。将idea打包好的war包复制过来，打开命令行。将静态文件放到tomcat下webapps目录。执行命令生成二次编译war包。
Tomcat服务器+Servlet服务器端+前后端整合
m0_60323584的博客
04-29 842
一.Tomcat服务器 服务器: 就是一台电脑 web服务器:就是一台电脑上装了一个软件,用户可以通过浏览器访问这台上的资源 Tomcat服务器:就是一个软件,是一个轻量级的web应用服务器.如果你的程序想要被用户访问, 那么,这个程序必须放入Tomcat中 1.使用步骤 1.下载Tomcat 2.解压Tomcat压缩包 解压位置的路径中不能包含中文等特殊符号 参考: D:\Java\apache-tomcat-8.5.72 3.开启服务器: 1）在Tomcat文件夹下输入cmd 2) 去
在Tomcat下用不同域名部署不同项目，共用80端口。
qq_42582773的博客
11-18 460
之前，我一直是将war包项目放到Tomcat中webapps目录下的，然后我再在server.xml进行配置。这次，需要将两个项目同时部署，不知道，为什么出现了war包项目中的依赖war包跑到了原本webapps目录就存在的ROOT目录下。 今天，经过经理的指点，原来也可以将项目放到外面一个指定的文件夹下，然后在server.xml中进行配置。以下是具体步骤。 我们可以在服务器的随便一个目录下键两个文件夹，分别存放SpringBoot项目。比如，建两个test文件夹。 然后将SpringBoot项目打包
关于Tomcat搭建服务器需要80端口问题的解决方案以及80端口被NT KERNEL & SYSTEM ,pid4占用解决方法
你为什么不努力的专栏
03-31 3585
最近做一个项目，要搭建服务器，并且端口指定必须要用80端口。好吧，没办法，只能照着人家的要求搞。 我是用Tomcat搭建服务器的，其间有好多配置工作，烦死了。最后在浏览器地址栏输入对应的网址后回车，乖乖，页面总是空白的，换了个浏览器，还是这样。没办法，百度一下，很多人都说是80端口被其他程序占用了，要解除占用。 好吧，下一步就是找到到底哪个程序占用了80端口。据我的经验，一般是
Tomcat项目部署方式
bluelove1992的博客
09-08 289
一、静态部署 1、直接将web项目文件件拷贝到webapps 目录中      Tomcat的Webapps目录是Tomcat默认的应用目录，当服务器启动时，会加载所有这个目录下的应用。所以可以将程序打包成一个 war包放在目录下，服务器会自动解开这个war包，并在这个目录下生成一个同名的文件夹。一个war包就是有特性格式的jar包，它是将一个web程序的所有内容进行压缩得到。 具体
Tomcat配置域名、ip访问及解决80端口冲突
sunon_的博客
12-12 1500
博客原文:zjblog 1.先在tomcat下的conf下找到server.xml文件，用记事本打开后，首先对端口号进行修改，以前一直以为8080是默认的端口号，其实默认的端口号是80 <Connectorport="80"maxHttpHeaderSize="8192"maxThreads="150"minSpareThreads="25"maxSpareThreads="...
Window中tomcat实例放后台运行
Maze -- life is amazing
04-18 668
Windows环境使用tomcat 启动一个新的项目时，会出现一个带tomcat图标的cmd窗口。 @echo off if "%1" == "h" goto begin start mshta vbscript:createobject("wscript.shell").run("%~nx0 h",0)(window.close)&&exit :begin set "CATALINA_HOME=D:\tools\apache-tomcat-8.5.41" set "CATALINA_
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值