SpringBoot使用默认的tomcat服务器部署(多个不同版本前端)Vue项目

springBoot + vue前后端分离项目部署到服务器 一、npm run build将前端打包成静态文件(会在dist目录下生成static文件夹以及index.html文件) 上图为:config目录index.js配置的build以及dev命令,如果你没找到static文件夹及index.html,到这里看一下你的路径是否配置的是dist路径; 二、在springboot项目,resources目录下,将打包好的静态文件夹及index.html... 阅读详情

前置条件:build好Vue项目得到dist文件夹

具体步骤

  • 将dist文件夹放到SpringBoot项目的resource/static/目录下,目录是这样
    前端文件放置位置
    这样就可以了。(这里的index-dev是我自己加的,默认没有)
    直接打包部署。访问后台端口就能直接访问到这里的index(太方便了)。

如果想要部署多个版本的前端?

那么就像我这样,将两个前端打包的页面放在一起,命名不同,dist中的css,js等资源取并集(就是都放到一个文件夹),然后写一个简单的controller

// 这里一定是Controller,而不是RestController,否则就不能返回html文件,而是字符串index.html,
// 参考https://www.cnblogs.com/guo-xu/p/11203740.html
@Controller
@RequestMapping("/")
public class IndexController {
    @GetMapping("dev")
    public String getDevIndex() {
    	// 这里就是对应版本的前端文件名称
        return "index-dev.html";
    }
    @GetMapping("pro")
    public String getProIndex(){
        return "index.html";
    }
}
vue+springboot项目上传部署tomcat 下载及Tomcat进入tomcat官网,选择需要下载的版本,点击下载下载路径一定要记住,并且路径中尽量不要有中文下载后是压缩包 .zip,解压后tomcat系统各个文件夹目录是什么意义:bin:放置的是Tomcat一些相关的命令,启动的命令(startup)和关闭的命令(shutdown)等等conf:(configure)配置文件lib:(library)库,依赖的 jar包logs:Tomcat 的日志文件temp:Tomcat的临时文件夹。 阅读详情

相关推荐

springboot+vue项目部署在tomcat上

has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values,项目部署tomcat

weixin_47902184的博客 2952

Spring Boot自动配置--如何切换内置Web服务器

springboot中如何切换内置Web服务器

qq_53876295的博客 1065

ScanNet数据集下载全攻略:从申请到解析的保姆级教程(含常见问题解决)

本文提供了ScanNet数据集从申请授权到下载、解析的完整实战指南。针对这个大规模室内RGB-D数据集,详细介绍了官方申请流程、优化下载策略、数据验证方法,并重点解决了深度图解析等常见问题,帮助三维视觉研究者高效获取和使用这一宝贵资源。

5f4d3s2a1q的博客 617

SpringBoot内置的服务器

Tomcat是一个流行的开源Servlet容器和Web服务器。Spring Boot默认使用Tomcat作为内置服务器,如果你不指定其他服务器,Spring Boot将自动使用Tomcat。例如,如果你想使用Jetty作为内置服务器,可以将Tomcat依赖替换为Jetty依赖。请注意,不同的服务器可能会有不同的性能和特性,因此在选择时要根据项目的实际需求进行权衡。默认情况下,Spring Boot使用Tomcat作为内置服务器,如果你想使用其他服务器,可以通过修改pom.xml文件中的依赖来实现。

qq_46130027的博客 1974

图形引擎实战:镭射效果制作分享

该方案的优势1.遵循物理的2.可以使用少量的参数去调控镭射的效果。计算相对简单,缺点仍是颜色不能够自定义,还有一种常见的方案是采样一张镭射贴图来模拟,好处是颜色可以自定义同时性能上还很高效没有复杂的公式计算。我查阅了网上普遍的方案,常见的做法是制作一个Ramp图生成工具,然后将生成好的ramp图赋给材质。这两个方案的好处是美术同学可以手动的去控制镭射的颜色。最后就是Shader中对Ramp图的采样的部分,Ramp图的UV坐标是使用fresnel作为Ramp的U轴坐标,0.5作为V轴坐标。

qq_41166022的博客 1353

Windows系统下com0com虚拟串口安装与驱动签名禁用全攻略

本文详细介绍了在Windows系统下安装com0com虚拟串口工具的全过程,包括驱动签名问题的解决方法。通过禁用驱动程序强制签名,用户可以顺利安装并使用这款开源工具创建虚拟串口对,适用于软件开发测试、硬件调试等场景。文章还提供了验证虚拟串口功能的实用技巧和常见问题解决方案。

weixin_28720573的博客 386

知识点12--spring boot内置web服务器以及自定义MVC配置

spring boot内置web服务器默认是tomcat,但是并不是一定要用它,spring boot不止整合了这一个我们在启动的时候可以看到,日志输出是使用的tomcat 这是由于导入的web包会自动默认加载tamcat 如果不用tomcat,此时需要将pom依赖修改,将web服务器改成undertow 在启动项目即可 除了内置web的修改,spring boot同样可以修改mvc的配置,前面我们配置了myatisplus,mvc和它一样也是通过类来修改配置 不同的是mvc的配置继承了一个接口,通过这

别人笑我太疯癫,我笑他人看不穿。 2075

一分钟教会你搭建steam新游幻兽帕鲁服务器

总结: 游戏对服务器搭建要求相对较高、且对服务器网络协议有要求不能封堵UDP、多开、游戏运行久、同时在线人数多了这些会很吃内存 我自己用的64G内存多开4区测试玩家同时在线50多人的情况下内存已经跑满了、对于想用服务器搭建联机的小伙伴建议根据开区数量以及玩家人数去选择配置、当然也可以直接找我阿杰购买、我可以提供技术搭建服务。注:如果用的是本地电脑局域网搭建直接输入127.0.0.1:8211就行 如果用的是服务器搭建输入自己服务器IP+端口或解析的域名+端口进入游戏。

用最简单的方式说最重要的事!服务器、存储、云计 算、A智能的大数据产品、游戏开发技术。致力于广 大开发者、政企用户、各项机构等,构建云上世界提供全方位云计算解决方案。旨在打造差异化的开放式闭环生态系统帮助用户快速构建稳定、安全的云计算环境。 2235

springboot+vue部署多个前端共用一个后端项目

实际项目中不一定都是一个后端对应一个前端,这时,共用后端就成为可能。 本项目采用前后端分离开发,下面说说,如何部署的问题,这里采用整合部署打包成jar的方式,而非nginx部署。 首先部署第一个前端项目,即springboot+vue项目整合部署,和普通的项目整合部署相同。 1. 前端使用npm run build命令打包好,然后把dist目录下打包好的文件,直接粘贴放在后端项目的src/main/resources/static 下即可。测试可以正常访问。如果这里出现问题,百度一下,如何整合..

hunt_er的博客 8340

MC_SetOverride指令详细应用介绍(基恩士PLC)

基恩士KV系列PLC和松下总线绝对值伺服运动控制(详细配置+轴控完整ST源代码)

RXXW_Dor的博客 334

关于 Nginx 监听地址 0.0.0.0 的详细解释

0.0.0.0在Nginx配置中表示监听服务器所有网络接口(包括公网IP、内网IP和本地回环地址),这是默认配置。当使用listen 80;时,Nginx会接受通过服务器任何IP地址的80端口访问请求。相比只监听特定IP,这种配置更通用,但也意味着服务会对外网开放,需注意安全风险。可通过netstat命令验证监听状态,显示0.0.0.0:80即表示正确配置。

weixin_43674738的博客 1566

买了云服务器不会用?写了网站不会部署?超详细springboot+vue前后端项目部署教程来啦

大家好!我是未来村村长,就是那个“请你跟我这样做,我就跟你这样做!”的村长👨‍🌾!

农夫的码,没有草原 1万+

基于simulink的自动紧急制动系统(AEB)的功能验证

本文手把手指导使用Simulink构建自动紧急制动系统(AEB)模型,通过五个关键步骤完成功能验证:1)搭建车辆动力学模型;2)设计雷达传感器模型;3)开发基于碰撞时间(TTC)的决策逻辑;4)设计标准化测试场景;5)进行仿真分析。重点讲解了AEB的多级触发机制(预警、辅助制动、自动制动)和核心指标验证方法,包括制动时机判断、减速度性能等。通过典型场景仿真,展示了AEB如何在2.5秒TTC触发预警,1.2秒TTC启动自动制动,有效避免碰撞。文章还展望了行人AEB、传感器融合等进阶研究方向,为自动驾驶安全系统

amy_mhd的博客 267

Tomcat如何代理多个前端(Vue)项目?

遇到这样一个有趣的事情,由于行里测试服务器有限,需要在一台测试服务器上同时部署多个项目,前端采用Vue进行开发,由于是多个项目,所以代理这些静态文件直接丢到webapp下肯定不可取,采用Nginx也完全没必要,所以打算利用Tomcat对这些Vue项目进行代理,那具体如何操作呢? 我们说一下项目环境,后端暂定2个项目,都是SpringBoot开发,一个项目跟路径为ybt,启用8080端口,一个项目跟路径为mzt,启用8081端口,Tomcat代理vue项目采用7070端口,那么,前端大致的路由映射为:

weixin_39309402的博客 2946

YOLOv12改进专栏目录 | 本专栏持续更新500+篇内容 | 包含各种卷积、主干网络、各种注意力机制、检测头、损失函数、小目标检测改进、二次创新模块、独家创新等几百种创新点改进

《YOLOv12高效涨点改进专栏》提供500+创新改进方案,涵盖卷积、主干网络、注意力机制等模块优化,适用于检测、分割等任务。改进点来自顶会论文和个人经验,支持多种模型版本和任务场景。专栏包含详细教程、数据集增强、性能评估工具等,帮助科研人员快速实现模型优化和论文发表。提供完整运行项目和环境配置指导,适合计算机及相关专业研究人员使用,持续更新保障长期科研需求。

Ai缝合怪、助力小伙伴高效发论文 2300

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

SpringBoot+Vue前后端分离项目部署到Tomcat

SpringBoot+Vue前后端分离项目部署到Tomcat 因为项目更新原因,此次有机会正式部署项目到服务器中,特此记录一下 前端项目打包 1. 打包之前,需要将前端配置文件Index.js里端口号改为8080,pathRewrite里面参数设置为要发布的项目名称 2. 将接口url前缀开头改为与配置文件相同 3. 开始打包工作,在前端项目文件夹打开命令窗口,打包命令 4. 输入命令 n...

他好像条狗啊的博客 1万+

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

linux环境部署springboot+vue项目

项目部署是一个程序员必备的技能,当项目开发过程中,需要将项目部署在开发服务器上,进行自测,或协助运维,测试进行环境的搭建配置,学会了项目部署,你就是团队中最亮的那个仔。 项目简介 后端:springboot项目【打包为jar包】 前端:vue项目【通过cli3搭建】 目标服务器:liunx操作系统 使用工具 xshell:通过命令操作服务器 sftp:上传安装包到服务器 部署思路 jdk、tomcat安装包下载 jdk环境配置,以及tomcat启动 本地...

菜鸟阿都 3587

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

springboot+vue项目部署到tomcat服务器

步骤 1、打包 springboot 项目 请参考: 2、打包 vue 项目 执行以下命令进行打包 npm run bulid 3、部署到 tomcat 上 (1)将打包的springboot项目放到tomcat的webapps目录下然后重启tomcat(重启tomcat教程),重启过后webapps目录下会多出一个包,这是tomcat 自动把你的war包压缩生成的一个包。 (2)前端的话把打包生成的dist文件放在 ROOT (在webapps 文件下)目录下就好,tomcat 会默认访问 ROOT下

jiangjunyuan168的博客 3613

将springboot项目和vue项目部署到windows 2016 server(服务器)

将springboot项目和vue项目部署到服务器1.服务器环境配置1.1 服务器需要安装的环境1.2 服务器需要配置的入站与进站规则2.springboot项目的打包2.1 springboot项目的打包步骤2.2 springboot打包后运行验证2.3 部署到服务器3.vue项目打包3.1 vue项目的打包步骤3.2 vue项目的运行验证3.3 vue项目的部署3.3.1 使用node.js运行部署到服务器3.3.2 使用tomcat部署到服务器(推荐) 1.服务器环境配置 1.1 服务器需要安装的环

m0_46212244的博客 2625

Vue项目打包到Spring Boot后部署Tomcat

经过几天的调试,终于将vue+springboot的前后端分离项目,整合后成功部署到服务器。本文章来记录一下这几天遇到的问题。整合后发布到Tomcat遇到的主要问题:访问项目路径404;发布到tomcat后css、js等资源文件404问题;访问项目路径为空白页

sensen的博客 5840

Vue3打包放到SpringBoot项目中部署到服务器

1.更改SpringBoot使用外部Tomcat启动 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮样式,Markd

ACDERQWE的博客 2591

如何在服务器上部署项目

这个renren-admin.jar,就是生成的jar包,我们将该jar包上传到/opt/modules/apache-tomcat-7.0.57/webapps目录下。在/opt/modules/nginx/conf目录下,修改nginx.conf的配置文件,修改内容如下图所示,修改后重启nginx服务即可。这里需要注意的是,再安装mysql-community-server时候,会报错,这个时候可以再命令后加上--nodes来执行。执行如下命令进行安装,如果出现其他问题,可自行百度。

xuan__xia的博客 5655

vue前端 + Springboot后端整合打War包部署

vue前端 + Springboot后端整合打War包部署 场景说明 前端是基于 vue element admin 修改的后台管理页面 后端是基于 springboot 整合mybatis springmvc 开发的操作db的接口 本来是做成前后端分离,但是上司要求整合起来打包放在tomcat上供其他成员访问,因为没有做过,中间还是有点磕磕绊绊的。做一些记录,方便日后回看 一,Vue方面 整体一看还是有点头大,这里不针对其他科目做记录,仅针对会影响打包的配置项进行记录 好在直接提供了一个

qq_34382962的博客 3505

【项目部署实战】-服务器宝塔部署SpringBoot项目和Vue项目并设置代理

上传vue打包好的dist目录下的文件(static+index.html)因为后端运行在9010端口,所以需要腾讯云平台防火墙策略通过9010端口。采用的腾讯云-轻量云服务器-2G 2核 40GBSSD+ 宝塔镜像。上传SpringBoot打包好的jar包。当请求接口时发现,前端的代理策略不生效。

喵喵喵喵~我是一个程序员而已 3475

在云服务器上部署springBoot+vue前后端分离项目

本文详细介绍了SpringBoot+Vue前后端分离项目部署到云服务器的完整流程。首先需要准备服务器环境,包括安装JDK、MySQL、Tomcat、Nginx和Redis等必要组件。然后进行后端项目打包(Maven clean install)和前端项目构建(npm run build),将生成的文件部署到服务器。最后配置Nginx反向代理,并通过nohup命令保持后端服务持续运行。文中提供了每个组件的具体安装配置方法,包括环境变量设置、服务启动验证等关键步骤,确保项目能够成功部署并稳定运行。

2403_87486006的博客 2462
上一篇: 代码随想录35期Day17-Java
下一篇: 代码随想录35期Day18-Java
Gohoy
博客等级 码龄4年 271粉丝 67原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值