前端和后端分离项目部署到云服务器和宝塔(前端vue、后端springboot详细教程

一、部署介绍。

部署的环境是宝塔（宝塔9.0.0）、#xff08阿里云服务器;centos 7.6）；前端是Vue3项目，后端是springboot3x、jdk11、有redis的数据库、mysql；使用es进行搜索。

因为环境配置可以在宝塔面板中快速进行，因此，使用宝塔来部署网站。

如果宝塔中的环境，不是你想要的。以下是jdk和es的部署教程。

安装jdk的云服务器教程：Linux（#xff09云服务器￰安装jdk教程-CSDN博客。

安装es的云服务器教程：Linux系统安装es详细教程-CSDN博客。

二、安装宝塔。

1、连接云服务器。

首先，我们必须有自己的云服务器。然后连接服务器。

2、安装。

连接成功后󿀌打开宝塔官网宝塔面板打开 - Linux/Windows服务器运维管理面板，点击立即免费安装。

下降，安装自己的服务器版本复制命令。

您可以在这里查看系统。

也可以继续下降󿀌直接远程安装。

我在这里使用的第一个，执行复制的命令。

遇到需要确定的直接输入y即可。

安装完成后，您可以看到宝塔的网站已经有用户名和密码。

然后我们需要在云服务器上的防火墙上打开上面的端口。

然后在浏览器中打开复制外网面板地址。

网站下面有初始账号和密码。

如果帐户和密码需要修改或忘记。连接云服务器󿀌输入bt�按命令行修改。

将宝塔官网申请的账号绑定到页面后。

三、环境建设。

1、环境下载。

绑定完成后󿀌以下界面࿰将出现c;直接叉掉即可。

您需要的环境直接安装在软件商店。

这里简单安装几个基本环境，选择免费安装，可以自己选择版本󿀌选择后快速安装即可。

nginx。

mysql。

redis。

jdk。安装完成后，可点击管理选择jdk。

2、数据库配置。

点击左侧数据库，然后添加数据库。

成功上传后，单击导入。

导入成功后󿀌点击工具查看我们的数据库是否成功导入。如果像下面这样是空白的话，点击从服务器获取。

四、包装前后端项目文件。

1、包装上传后端项目。

2、包装上传前端项目。

执行命令 npm run build。

五、网站网站配置及前端网页显示。

有域名直接填写域名，如果没有，可以在自己的云服务器网站上部署。例如，我的云服务器网站是106.24.65.109。直接输入网站，未配置端口默认为80（访问时不需要添加端口）。如果需要配置端口，请在网站后面添加端口号（106.24.65.109:9999）。这样的访问时间�需要带上端口号。

六、网站端口设置及后端项目启动。

1、开放网站端口。

开放前后端项目对应的端口。

如果在此端口开发后󿀌无法访问页面。云服务器上的防火墙࿰也需要c;打开前端和后端对应的端口。

2、启动后端项目。

首先进入上传jar包的目录 下，然后执行以下命令启动后端项目。

①项目启动后，与jar包相同级别的文件夹下会有一个nohup.out文件记录项目日志，

tail可以使用 -f nohup.out实时查看项目运行日志。

nohup java -jar postgraduate-0.0.1-SNAPSHOT.jar &

②项目启动后，与jar包相同级别的文件夹没有nohup.out文件记录项目日志。

nohup java -jar postgraduate-0.0.1-SNAPSHOT.jar > /dev/null 2>&1 &

以上两种启动方法󿀌随便选一个。

启动成功后󿀌项目可以正常使用。