springboot上线打包+vuecli2部署在linux服务器上(打包上线)

这里也是记录一下springboot的上线打包流程,我这里前端使用的是vuecli2

springboot的依赖是2.7.9的版本

前端是使用的vue2

打包前,你的linux上必须要先安装,tomcat\java\nginx

springboot打包

springboot打包点击一下,等maven编译打包成功在target文件下找到,jar包,

然后,把jar包上传到你的linux服务器,文件夹上,我这里使用的是Tabby Terminal,自带sftp

然后再你的linux文件夹下输入以下命令:

nohup 意味着即使终端连接断开,命令也会继续在后台运行

& 表示后台运行

linux 复制代码
 nohup java -jar xxx.jar &

这里我没有指定后台log输出了

ok,在我的腾讯云放行端口,尝试访问

部署成功

vuecli打包

在你的前端终端中运行打包命令:

linux 复制代码
 npm run build

vue会在你的项目文件夹下生成一个dist文件夹,下面会有一个index.html和static文件夹

然后把这个两个文件上传到你的linux服务器上

如图:

nginx部署项目

找到你的之前放入的那个前端文件夹

在你的nginx目录下的conf文件夹下 vim nginx.conf文件

listen监听端口

server_name 是你的域名,没有域名就写你的服务器ip,别写localhost

root 是前端项目的根目录,重启nginx

bash 复制代码
server {
        listen 8092;
        server_name xxx.xxx.xxx.xxx;
        location / {
        root /usr/local/tomcat/tomcat-8.5.69/webapps/ROOT/fileManagementUi/;
        index index.html;
        try_files $uri $uri/ /index.html;
        }
   }

}

我这里在记录一下nginx的常用命令在sbin目录下输入:

bash 复制代码
启动nginx
./nginx
重启nginx
./nginx -s reload
停止nginx
./nginx -s stop
相关推荐
水月wwww9 分钟前
操作系统——进程管理
linux·操作系统·vim·进程·进程调度
我科绝伦(Huanhuan Zhou)35 分钟前
分享一个可以一键制作在线yum源的脚本
linux·运维
Paper_Love1 小时前
Linux-查看硬件接口软件占用
linux·运维·服务器
wydaicls1 小时前
Linux 系统下 ZONE 区域的划分
linux·运维·服务器
带土11 小时前
17. Linux wc命令
linux
螺旋小蜗1 小时前
Linux Cgroup与Device Whitelist详解
linux·运维·服务器·cgroup
lang201509281 小时前
Spring Boot 入门:5分钟搭建Hello World
java·spring boot·后端
染指11102 小时前
36.渗透-端口
linux·运维·服务器
takashi_void2 小时前
如何在本地部署大语言模型(Windows,Mac,Linux)三系统教程
linux·人工智能·windows·macos·语言模型·nlp