小白部署springboot+vue网站到服务器踩坑总结【维护更新篇】

目录

前言

在上一篇文章里详细介绍了怎样部署一个前后端分离的网站,链接: 链接在此

但是部署完之后,在本地的开发更新后,重新上传到服务器上又遇到了一些新的问题,所以在这里总结一下。

如何更新前端

在上一篇文章里讲过要下载nginx并安装,但我今天发现那篇文章贴的博主的博客链接失效了,所以今天重新梳理写一遍完整的。(已经安装运行成功的可忽略)

nginx安装和启动

下载地址:

链接:https://pan.baidu.com/s/1MSL3mc1zsjbBBWk-PJkEzQ

提取码:492a

1.下载后将该tar.gz包放到服务器/home/package路径下,这个文件夹里就专门放这类压缩包

2.进入该目录下,安装依赖和相关库

cpp 复制代码
cd /home/package
yum -y install gcc-c++ zlib-devel openssl-devel libtool

3.解压nginx安装包

cpp 复制代码
cd /usr/local
./configure --prefix=/usr/local/nginx
make && make install

4.启动nginx

cpp 复制代码
cd ../nginx/sbin
./nginx

5.查看nginx并修改location

cpp 复制代码
ps -ef | grep nginx

这是查看进程的命令,可以看见nginx已经被启动起来了,然后进入nginx这个文件,找到location那行,将其改为:(root后面的路径是你自己上传vue文件的时候所在的路径

cpp 复制代码
location / {
    root /home/server/dist;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
         }

7.重启nginx

cpp 复制代码
./nginx -s reload   #重启
./nginx -s stop #关闭

启动了就不用关了,只是把关的命令也写了而已。

言归正传,更新前端

将前端打包好的dist,直接用xftp传到和之前传的dist同一个目录下即可,传之前先把先前的删了,以防万一。其他什么都不用改,也无需重启nginx,非常方便

如何更新后端

第一步依旧是打包!把生成的jar包传到和之前一样的位置,这就不再过多赘述!

后端比前端略复杂一些,需要我们将之前永久挂起的进程先关了,之后再重启。否则你会发现代码明明在本地可以用,但是一旦传到服务器就又不行了,就是因为进程没关的原因。

建议打包后端时用Maven,如图所示,先双击clean把之前的缓存清理了,再compile,最后在打包。

杀死进程

1.输入命令查看当前服务器上的进程

cpp 复制代码
ps -aux

在这堆进程中找到我们运行后端jar包的命令,发现进程号是16397

2.杀死进程

cpp 复制代码
kill -9 16397

运行该命令后,我们可以用前一个命令再看看当前运行的进程,判断有没有成功杀死。

3.重新运行新的jar包

暂时运行:

cpp 复制代码
java -jar 包名.jar

永久运行:

cpp 复制代码
nohup java -jar 文件名 > 日志文件名 2>&1 &

永久运行遇到问题见我的另一篇博客:

http://t.csdnimg.cn/uNDc9

相关推荐
梵得儿SHI17 分钟前
Vue 模板语法深度解析:从文本插值到 HTML 渲染的核心逻辑
前端·vue.js·html·模板语法·文本插值·v-text指令·v-html指令
玛卡巴卡0129 分钟前
Maven 从入门到实战:搞定依赖管理与 Spring Boot 项目构建
java·spring boot·maven
جيون داد ناالام ميづ1 小时前
Spring Boot 核心原理(一):基础认知篇
java·spring boot·后端
wanhengidc1 小时前
云手机中的数据信息会被泄露吗
运维·服务器·安全·智能手机·玩游戏
珊珊而川1 小时前
vim指令
服务器
listhi5201 小时前
Vue.js 3的组合式API
android·vue.js·flutter
WYiQIU2 小时前
高级Web前端开发工程师2025年面试题总结及参考答案【含刷题资源库】
前端·vue.js·面试·职场和发展·前端框架·reactjs·飞书
夏之小星星2 小时前
Springboot结合Vue实现分页功能
vue.js·spring boot·后端
韩立学长2 小时前
【开题答辩实录分享】以《自动售货机刷脸支付系统的设计与实现》为例进行答辩实录分享
vue.js·spring boot·后端
静西子2 小时前
Vue标签页切换时的异步更新问题
前端·javascript·vue.js