Springboot+前端vue+Nginx项目部署(Linux服务器)

后端打包部署

  • 使用maven插件将spring boot的项目打成jar包,因为spring boot内嵌tomcat直接运行jar包就可以
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第1张图片

  • 执行clean清除之前的编译文件,之后执行install生成target文件,有的IDEA会不显示target文件,按照下图操作一下就可以了
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第2张图片

  • 打开install后生成的target 找到生成的jar包
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第3张图片

  • 将jar包上传到Linux服务器,运行jar包

#使用nohup的方式在后台运行jar包
nohup java  -XX:+UseG1GC -XX:+HeapDumpOnOutOfMemoryError -Xms1G -Xmx1G -jar hello-word.jar --spring.profiles.active=prod &
#上面的参数是jvm优化的 可以不用
nohup java -jar hello-word.jar --spring.profiles.active=prod &
  • 日志打印如果不指定会默认生成一个nohup.out文件在当前目录中,如果想要指定日志文件,在启动命令的后面添加日志文件的位置
nohup java  -jar hello-word.jar --spring.profiles.active=prod >[日志文件的位置] &
  • 实时查看日志
#默认的
tail -f nohup.out
#自己指定的
tail -f [文件目录以及文件名]

前端Vue项目打包

  • 在终端下执行打包命令
npm run build
  • 打包完毕后 如下图所示
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第4张图片
  • 之后会在当前目录下生成一个dist文件夹
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第5张图片
  • 看看dist里面都有啥
    Springboot+前端vue+Nginx项目部署(Linux服务器)_第6张图片
  • 最后将这个dist文件上传到服务器上,自定义一个目录进行存储,之后如果前端更新版本直接将之前的dist文件删除,上传一个新的dist就更新版本了
  • 例如:/usr/local/src/webapp/

配置Nginx

找到nginx的配置文件找到server模块,我这里配置了SSL证书 所以在HTTPS Server模块下进行的配置,没配置SSL证书的操作是一样的

1、HTTPS协议

Springboot+前端vue+Nginx项目部署(Linux服务器)_第7张图片

2、HTTP协议
Springboot+前端vue+Nginx项目部署(Linux服务器)_第8张图片

之后进入到nginx的sbin目录下 重启nginx

./nginx -s reload

注意问题:可能会出现跨域问题

关于Nginx的下载安装,在Nginx配置Https协议文章有详细教程

你可能感兴趣的:(项目部署,java,linux,vue,nginx,jar)