部署Spring Boot + Vue前后端分离项目到Windows服务器

部署后端(Spring Boot)

步骤 1——构建项目

在本地使用Maven构建Spring Boot项目。确保pom.xml文件中的配置是正确的,并且已经包含了所有必要的依赖。

步骤 2——生成JAR文件

在项目的根目录下执行Maven的打包命令。你可以使用mvn clean package命令;这将会生成一个可执行的JAR或WAR文件。

打包完成后会在target文件夹下生成对应的Jar文件

步骤 3——文件上传至服务器

将生成的JAR或WAR文件上传到Windows服务器

步骤 4——服务器部署JAVA环境

在Windows服务器上安装Java运行时环境(JRE)或Java开发工具包(JDK)。确保安装的版本与你的Spring Boot项目兼容。


关于JAVA环境配置相关博客参考:Windows上安装 jdk 环境并配置环境变量 (超详细教程)_windows配置jdk环境变量-CSDN博客

步骤 5——运行JAR文件

运行JAR文件。对于JAR文件,切换到对应的文件目录下你可以使用java -jar yourapp.jar命令来启动Spring Boot应用程序。对于WAR文件,你需要将它部署到一个Servlet容器中(但Spring Boot通常使用内置的Servlet容器,所以这一步可能不适用)。

start javaw -jar yourapp.jar 后台作为进程启动,不占用命令行窗口

Win+R cmd 快速进入命令行窗口

部署前端(vue)

步骤 1——生成dist文件

在本地构建Vue项目(演示使用的是HBuilderX)。执行npm run build命令将会生成一个dist目录,里面包含了构建后的静态资源文件。

遇到过终端插件未响应问题。

相关解决方案的博客参考:使用HBuilder X编辑器安装终端窗口插件未响应的解决方案_hbuilderx的终端无反应-CSDN博客

步骤 2——文件上传至服务器

将dist目录中的文件上传到Windows服务器。你可以将这些文件放置在一个Web服务器(如Nginx或IIS)的静态资源目录下,或者将它们放置在Spring Boot项目的静态资源目录下(如src/main/resources/static)。

步骤 3——配置Nginx

使用Nginx托管Vue前端,需要配置Web服务器以指向dist目录作为静态资源的根目录。

相关Nginx配置的博客参考:

【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目_win本地怎么运行若依项目-CSDN博客

  • 20
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
要实现一个大型的前后端分离项目,可以使用Spring BootVue 3进行开发。首先,需要设置好开发环境,包括安装Java JDK和Node.js,并配置好相应的环境变量。 接下来,可以使用Spring Initializr初始化一个Spring Boot项目,选择相应的依赖项,如Spring Web和Spring Data JPA。然后,可以使用Maven构建工具导入项目,并进行基本的配置,如数据库连接和端口号设置。 在前端方面,可以使用Vue CLI创建一个Vue 3项目,安装相应的依赖,如Vue Router和axios。可以使用Vue Router进行页面的路由管理,axios用于进行前后端的数据交互。 在开发过程中,可以将前后端分别进行开发,使用后端提供的接口进行数据交互。可以将后端代码按照功能模块划分,使用MVC的模式进行开发。前端可以使用组件化的方式进行开发,将页面划分为多个组件,方便进行复用和维护。 在开发过程中,可以使用Git进行代码管理,将代码进行版本控制。可以使用IDE进行开发,如IntelliJ IDEA和Visual Studio Code。可以使用Postman进行接口测试,确保后端接口的正确性。 在项目完成后,可以进行部署。可以使用Docker进行容器化部署,将项目打包为一个镜像,并进行部署。可以使用Nginx作为反向代理服务器,将前端静态资源和后端接口进行分发。 最后,可以提供一个PDF下载,包括整个项目的代码和相关文档,供他人学习和参考。可以将项目代码上传至GitHub或其他代码托管平台,并提供一个可下载的链接。 以上是使用Spring BootVue 3进行实战开发的一般步骤和流程。具体的实施细节需要根据项目需求和实际情况进行调整和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小先生812

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值