springboot+vue快速部署前后台项目,无需服务器

news/2024/9/30 5:24:55

问题

前言

我们都知道,现在的主流开发大多数为,前后端分离,目前流行的框架,大多数是spring boot+element ui 这些框架,这无疑是给开发部署项目带来了便利,我们后台开发无需关心前端如何部署的,前端同样也无需关系后台如何部署,只需要确认能够访问即可。

存在有如下问题:

当由于条件有限,我们希望节约成本的时候,我们可能一时半会没有服务器,如何本地快速的部署给客户,无需部署到测试环境呢,客户又可以在远程快速的确认项目是否存在问题。
所以,有时候就寄希望于钉钉的内外穿透工具。
使用内外穿透工具,可能就存在使用 多个端口,导致跨越问题。
例如,我们后台spring boot 使用9003,但前台vue 项目,我们部署vue,可能直接丢到nginx 或者tomcat 中
接着我们可能使穿透工具映射到tomcat 的8080,但此这个时候,我们的9003 是无法访问的 ,或者说会报跨越问题。
所以,为了方便部署,同时也减少了部署的步骤:
可在application.properties 中配置如下:

spring.resources.static-locations=classpath:/static/

然后将编译后的前端代码放入到resource/static/即可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/29895.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

项目打包与上线

目录1.修改好上线环境中的请求地址2.打包项目3.连接服务器4.配置nginx代理5.上线成功 1.修改好上线环境中的请求地址2.打包项目进入项目根目录,输入npm run build解决报错问题 当我们无法解决多而烦的ts检查报错时,可以在项目中的package.json文件中把下图中原本的红色框内容…

npm报错 dev @vue/eslint-config-standard@^6.1.0 from the root project

参考:https://blog.csdn.net/weixin_65398435/article/details/126419711 我新建了个项目,然后执行 npm i 但是报错,如下图看了个老哥的解答,直接执行 npm install npm@6.14.15 -g npm i 成功!

实景三维技术在城市运行状态监测方面的应用

随着城市化步伐的加快,城市规模日益扩大,对于城市运行状态的实时监控需求愈发迫切。传统的监控手段已无法满足现代城市管理的精细化和高效化要求。而实景三维技术的崛起,为城市运行状态实时监控注入了新的活力,带来了新的机遇与挑战。实景三维技术,这一基于三维激光扫描和…

Microsoft Visual Studio 小tips

1、打开文件,资源文件夹默认追踪

开源框架平台:功能优势多,助力数字化转型!

对于什么是开源框架平台,以及它的优势和特点,我们今天就一起来了解和探讨。伴随着科技越来越发达,低代码技术平台、开源框架平台逐渐在各中小型企业里获得重视和青睐,成为助力企业实现流程化办公,进入数字化转型的的有力武器。在众多服务商中,谁拥有市场竞争力,谁在服务…

配置orangepi5pro运行rknn版本的yolov5

配置orangepi5pro运行rknn版本的yolov5,使用npu进行目标检测.摘要 配置orangepi5pro运行rknn版本的yolov5,使用npu进行目标检测. 关键信息板卡:orangepi5pro 芯片:RK3588S 环境:rknn2 转换工具:rknn-tool-kit2:1.5.0 系统:ubuntu20.04原理简介 npu简介 NPU(Neural Processing …

windows10 资源管理器 卡死 底部任务栏不显示程序 点击底部任务栏两次会重启资源管理器继续卡死

故障存储段 ,类型 0事件名称: AppHangB1响应: 不可用Cab ID: 0 问题签名:P1: explorer.exeP2: 10.0.19041.1266P3: 418a6e83P4: a874P5: 134217728P6: P7: P8: P9: P10: 附加文件:\\?\C:\ProgramData\Microsoft\Windows\WER\Temp\WERE85A.tmp.WERInternalMetadata.xml\\?\C…

深入探索JavaScript中的structuredClone:现代深拷贝的解密指南

在 JavaScript 中,实现深拷贝的方式有很多种,每种方式都有其优点和缺点。今天介绍一种原生 JavaScript 提供的structuredClone实现深拷贝。 下面列举一些常见的方式,以及它们的代码示例和优缺点: 1. 使用 JSON.parse(JSON.stringify(obj)) 代码示例:function deepClone(ob…