SpringBoot前后端打包部署

问题描述:

最近在学校实验室接手了一个学校满意度调查网站的维护工作,在维护过程中遇到了许多问题,根本上的原因是他们的代码没有对跨域问题进行处理,而我又是采用的前后端分离式的部署方式,所以造成了无法登录等一系列问题,重新改写代码又非常的浪费时间故直接采用打包部署的方法来解决。这里记录一下操作步骤。

解决方案:

首先要清楚SpringBoot的静态资源,这方面的知识可以直接去百度了解,清楚了SpringBoot的静态资源如何工作就很容易解决了。

  1. 首先要在前端生成静态文件,就是html、css、js等文件。
  2. 将生成的静态文件的文件夹或者文件放入到resources文件夹里面的static文件夹中(如果没有就创建一个,如果是文件夹直接放在resource文件夹下也可以)。
  3. 修改application.yml中的Spring配置里面的staticPath的位置,将staticPath的位置指定到你存放静态文件的目录的上级目录
  4. 打出jar包进行部署,然后通过域名后加上文件名即可方位到指定的静态文件。
对于Spring Boot和Vue的前后端分离项目,你可以按照以下步骤进行打包部署到服务器: 1. 后端部署: - 将Spring Boot项目打包成可执行的JAR文件。可以使用Maven或Gradle构建工具进行打包。 - 将打包好的JAR文件上传到服务器上。 - 在服务器上安装Java运行环境,并配置好环境变量。 - 使用命令行运行JAR文件,命令类似于 `java -jar your-application-name.jar`。 2. 前端部署: - 在本地使用Vue的构建工具(如Vue CLI)进行项目构建。运行 `npm run build` 命令将前端代码打包成静态资源。 - 将打包生成的静态资源文件上传到服务器上的合适目录。 3. 部署Web容器: - 安装和配置一个Web容器,如Apache Tomcat或Nginx。 - 配置Web容器的虚拟主机或代理设置,将后端请求转发到Spring Boot应用的地址和端口。 - 将前端打包生成的静态资源文件部署在Web容器中,通过配置访问路径映射到对应的URL。 4. 配置数据库: - 如果你的项目使用了数据库,确保在服务器上安装了相应的数据库,并且创建了对应的数据库和表结构。 - 在Spring Boot项目的配置文件中配置数据库连接信息,确保应用能够连接到数据库。 5. 启动应用: - 启动后端应用,运行Spring Boot项目的JAR文件。 - 启动Web容器,确保前端静态资源能够被访问到。 通过以上步骤,你就可以将Spring Boot和Vue的前后端分离项目成功打包部署到服务器上了。请根据你的具体情况和服务器环境进行相应的配置和调整。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值