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
相关推荐
APItesterCris7 分钟前
构建弹性数据管道:利用淘宝商品 API 进行流式数据采集与处理
linux·数据库·windows
九河云13 分钟前
TOS + 数字孪生:集装箱码头的智能进化密码
大数据·服务器·网络·数据库·数字化转型
艾莉丝努力练剑23 分钟前
【C++STL :stack && queue (一) 】STL:stack与queue全解析|深入使用(附高频算法题详解)
linux·开发语言·数据结构·c++·算法
代码or搬砖24 分钟前
文件上传阿里云OSS以及本地图片服务器搭建
服务器·阿里云·云计算
爆更小哇24 分钟前
统一功能处理
java·spring boot
悟能不能悟32 分钟前
dcpatchscan.exe这是什么
运维·服务器
kyle~38 分钟前
计算机系统---CPU的进程与线程处理
linux·服务器·c语言·c++·操作系统·计算机系统
wanhengidc43 分钟前
云手机 流畅运行
运维·服务器·安全·游戏·智能手机
NiKo_W1 小时前
Linux 进程通信——基于责任链模式的消息队列
linux·服务器·消息队列·责任链模式·进程通信
云飞云共享云桌面1 小时前
广东某模具制造工厂用一台云服务器供8个研发设计同时用
linux·运维·服务器·网络·自动化·制造