无论你是技术小白还是资深大牛#xff0c;这里总有一些内容能触动你的好奇心。

#x1f50d;

#x…

这里不仅是我记录技术点滴的后花园也是我分享学习心得和项目经验的乐园。

无论你是技术小白还是资深大牛这里总有一些内容能触动你的好奇心。

个人专栏✅前端技术

BootVue前后端分离项目如何部署到服务器环境准备通用准备数据库准备Spring

运行sql文件创建数据库Spring

BootVue前后端分离项目到服务器涉及以下步骤首先将Spring

Boot后端应用打包成jar或war文件并上传至服务器通过运行java

-jar命令启动后端服务。

接着构建Vue前端项目生成静态文件同样上传至服务器的Web服务器。

最后配置Nginx作为反向代理将前端请求代理至Vue应用目录同时确保后端API的路径正确映射。

这样前后端分离的项目就成功部署在服务器上。

部署Spring

Boot和Vue项目到服务器之前需要确保服务器具备以下环境和工具

环境准备

一台具有稳定网络连接的服务器可以是云服务器或本地服务器。

服务器操作系统常见的有Linux发行版如Ubuntu、CentOS或Windows

SSH访问对于Linux服务器

FTP客户端如xftp。

或者SCP工具如WinSCPWindows或终端macOS、Linux。

数据库准备

mysqld来检查MySQL是否正在运行MySQL需要配置远程访问。

CentOS上安装MySQL

Nginx或Apache用于提供静态文件服务。

对于Nginx可以通过运行nginx

-v来检查是否已安装。

对于Apache可以通过运行apache2

-v或httpd

Boot应用需要数据库需要安装相应的数据库服务器如MySQL、PostgreSQL等。

确保数据库服务已启动并且应用有正确的数据库连接配置。

反向代理/负载均衡

如果有多个应用实例或需要SSL终端可能需要配置Nginx或HAProxy作为反向代理或负载均衡器。

容器化工具如Docker

如果使用Docker需要在服务器上安装Docker和Docker

CI/CD

确保在部署之前服务器上的环境和工具都已经正确安装和配置这样可以避免在部署过程中遇到不必要的问题。

运行sql文件创建数据库

Boot项目打包成可执行的jar或war文件。

如果使用Maven可以在pom.xml中添加spring-boot-maven-plugin插件并运行mvn

clean

使用FTP、SCP或其他文件传输方法将打包好的jar或war文件上传到服务器的适当目录中。

nohup

这将把应用的输出重定向到output.log文件中并在后台运行。

为了确保应用可以在系统启动时自动运行并能在出现问题时自动重启可以创建一个Systemd服务文件。

开放端口

build命令这将会在Vue项目的dist/下的所有文件上传到服务器的Web服务器。

配置Web服务器

配置Web服务器以提供静态文件服务。

如果是Nginx你需要编辑nginx.conf或相应的配置文件设置正确的根

./nginx

在Web浏览器中输入服务器的IP地址或域名你应该能够看到你的Vue应用。

综合步骤

Boot应用打包并部署到服务器作为后端API服务。

将Vue应用构建并上传到同一服务器的Web服务器目录中或者配置反向代理如Nginx将前端请求代理到Vue应用的服务器。

确保在部署过程中Vue应用的publicPath或base配置正确指向后端API的URL以确保前后端能够正确地通信。

Boot和Vue项目到服务器的基本流程。

具体的命令和配置可能会根据你的项目和服务器环境有所不同。

往期精彩回顾

打字通小游戏制作教程用HTML5和JavaScript提升打字速度

588阅读

扫雷小游戏制作教程用HTML5和JavaScript打造经典游戏

776阅读

拼图小游戏制作教程用HTML5和JavaScript打造经典游戏

487阅读

打造你的贪吃蛇游戏HTML、CSS与JavaScript的完美结合

1078阅读