springboot+vue 部署服务器

刺骨的言语ヽ痛彻心扉 2024-04-01 16:31 48阅读 0赞

## 安装nginx ##

yum -y install nginx

安装后启动即可

service nginx start

> 常用命令  
> \[root@localhost ~\]\# yum -y instal nginx //安装nginx
> 
> \[root@localhost ~\]\# service nginx start //启动nginx
> 
> \[root@localhost ~\]\# service nginx stop //停止nginx
> 
> \[root@localhost ~\]\# service nginx reload //重载nginx
> 
> \[root@localhost ~\]\# ps -ef | grep nginx //查看进程apache/httpd
> 
> \[root@localhost ~\]\# netstat -anpl | grep ‘nginx’ //查看服务端口
> 
> \[root@localhost ~\]\# rpm -Uvh  
> http://nginx.org/packages/centos/7/x86\_64/RPMS/nginx-1.18.0-1.el7.ngx.x86\_64.rpm  
> // rpm方式升级并安装某个版本的Nginx

## 前端部署 ##

### 前端打包 ###

npm run build

将dist中的所有文件放在某个目录下，我放的是etc/nginx/dormPage  
![在这里插入图片描述][9f3c874906574652b9d6ef453c3fbaf9.png]  
这就是后续nginx监听短款后重定向到的地址。

### nginx修改配置 ###

修改nginx.conf，一般在/etc/nginx/目录下

![在这里插入图片描述][cb4161eb134c435ab5368ea550f93dc1.png]

增加一个server即可。  
其中的location /api 可参考前端代码中的config/index.js修改  
![在这里插入图片描述][dbb0717c6a624671b6a1ddcdb86f7c12.png]  
修改完后，重启下nginx。然后访问 **ip:端口**，看是否成功访问。

## 后端部署 ##

maven clean -> compile -> package  
![在这里插入图片描述][3f18dfa63a8e464b81fad1c9f7253433.png]  
打完包后把jar包上传到服务器某目录下，创建执行脚本 vi xxx.sh

#!/bin/bash
    cd `dirname $0`
    CUR_SHELL_DIR=`pwd`
    CUR_SHELL_NAME=`basename ${
        BASH_SOURCE}`
    #修改这里jar包名即可
    JAR_NAME="xxxxxx.jar" 
    JAR_PATH=$CUR_SHELL_DIR/$JAR_NAME
    #JAVA_MEM_OPTS=" -server -Xms1024m -Xmx1024m -XX:PermSize=128m"
    JAVA_MEM_OPTS=""
    #SPRING_PROFILES_ACTIV="-Dspring.profiles.active=dev"
    SPRING_PROFILES_ACTIV=""
    LOG_DIR=$CUR_SHELL_DIR/logs
    LOG_PATH=$LOG_DIR/${
        JAR_NAME}.log
    echo_help()
    {
        
        echo -e "syntax: sh $CUR_SHELL_NAME start|stop"
    }
    if [ -z $1 ];then
        echo_help
        exit 1
    fi
    if [ ! -d "$LOG_DIR" ];then
        mkdir "$LOG_DIR"
    fi
    if [ ! -f "$LOG_PATH" ];then
        touch "$LOG_DIR"
    fi
    if [ "$1" == "start" ];then
    # check server
        PIDS=`ps --no-heading -C java -f --width 1000 | grep $JAR_NAME | awk '{print $2}'`
        if [ -n "$PIDS" ]; then
            echo -e "ERROR: The $JAR_NAME already started and the PID is ${PIDS}."
            exit 1
        fi
    echo "Starting the $JAR_NAME..."
     
        # start
        nohup java $JAVA_MEM_OPTS -jar $SPRING_PROFILES_ACTIV $JAR_PATH >> $LOG_PATH 2>&1 &
     
        COUNT=0
        while [ $COUNT -lt 1 ]; do
            sleep 1
            COUNT=`ps  --no-heading -C java -f --width 1000 | grep "$JAR_NAME" | awk '{print $2}' | wc -l`
            if [ $COUNT -gt 0 ]; then
                break
            fi
        done
        PIDS=`ps  --no-heading -C java -f --width 1000 | grep "$JAR_NAME" | awk '{print $2}'`
        echo "${JAR_NAME} Started and the PID is ${PIDS}."
        echo "You can check the log file in ${LOG_PATH} for details."
     
    elif [ "$1" == "stop" ];then
     
        PIDS=`ps --no-heading -C java -f --width 1000 | grep $JAR_NAME | awk '{print $2}'`
        if [ -z "$PIDS" ]; then
            echo "ERROR:The $JAR_NAME does not started!"
            exit 1
        fi
    echo -e "Stopping the $JAR_NAME..."
     
        for PID in $PIDS; do
            kill $PID > /dev/null 2>&1
        done
     
        COUNT=0
        while [ $COUNT -lt 1 ]; do
            sleep 1
            COUNT=1
            for PID in $PIDS ; do
                PID_EXIST=`ps --no-heading -p $PID`
                if [ -n "$PID_EXIST" ]; then
                    COUNT=0
                    break
                fi
            done
        done
     
        echo -e "${JAR_NAME} Stopped and the PID is ${PIDS}."
    else
        echo_help
        exit 1
    fi

直接复制粘贴即可，只需其中的修改jar包名，然后给脚本赋权限

chmod 777 xxx.sh

jar包启动

./xxx.sh start

jar包停止

./xxx.sh stop

查看自动生成的logs/xxx.log日志文件

tail -200f xxx.log

启动成功后访问页面，前后端部署完毕。

[9f3c874906574652b9d6ef453c3fbaf9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4b31f8b2ef684977aa8baf5c687c381c.png
[cb4161eb134c435ab5368ea550f93dc1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/93ec54d904594fc68d13ef534decc75e.png
[dbb0717c6a624671b6a1ddcdb86f7c12.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/51e111a2ab3e474cbf9ada7510a93ed2.png
[3f18dfa63a8e464b81fad1c9f7253433.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d257b88b74b24890ac236aeb88168ddd.png