将前后端分离项目部署至远程服务器

打包

后端

• 第一步：
  修改 application.yml 配置文件，将本地的切换为远程的

# 项目相关配置
training:
  # 文件路径 示例（ Windows配置 E:/training/projectFile/uploadPath，Linux配置 /usr/local/training/projectFile/uploadPath）
  file-path: /usr/local/training/projectFile/uploadPath

将开发环境切换为生产环境

spring:
  # 环境 dev|test|prod
  profiles:
    active: prod

• 第二步：
  先clean再package

  
  
  Maven界面
  
  

  从控制台查看项目打包路径

  
  
  控制台

前端

• 第一步：
  在终端中输入命令

npm run build

到这里打包工作完成

部署

使用远程控制工具Xshell 6

• 第一步
  查看需要部署的项目是否已发布，如果没有发布请跳过以下操作：
  1、在控制台中输入

ps -ef | grep java

可以看到正在运行的项目

Xshell控制台界面

2、输入终止项目进程命令

kill 14993

此时正在运行的项目已经关闭

• 第二步
  将已经打包好的项目后端jar包和前端构建的文件夹dist放入远程服务器opt文件夹目录下
• 第三步

运行jar包

1、进入项目文件目录

cd /opt/project/

2、后台运行jar包，并将生成的log.txt文件放置指定目录下

nohup java -jar training.jar >/opt/project/log.txt & 

此时项目已成功部署到远程服务器上，输入路径即可成功访问！