Springboot+ Vue-element-admin前后端分离的 项目打包部署过程记录

时间:2024-04-14 14:30:52

一、开发环境先进行打包

如果你使用的是maven来管理项目,执行以下命令既可以

cd 项目跟目录(和pom.xml同级)

mvn clean package

或者执行下面的命令 
排除测试代码后进行打包(正式环境使用)

mvn clean package  -Dmaven.test.skip=true

打包完成后jar包会生成到target目录下,命名一般是 项目名+版本号.jar

下面演示在Idea 的命令窗口Terminal中打包:

Springboot+ Vue-element-admin前后端分离的 项目打包部署过程记录

二、部署到在服务器上以jar方式运行(官方推荐)


jar包方式启动,也就是使用spring boot内置的tomcat运行。服务器上面只要你配置了jdk1.8及以上,就ok。不需要外置tomcat 
1.打成jar包

2.将jar包放到任意目录,执行下面的命令

$ nohup java -jar test.jar >temp.txt &

//这种方法会把日志文件输入到你指定的文件中,没有则会自动创建。进程会在后台运行。

 

三、Vue项目打包部署

命令:npm run build:prod (prod 对应的是生成环境的配置内容)

Springboot+ Vue-element-admin前后端分离的 项目打包部署过程记录

 

项目会生成dist目录,下面就是正式发布的内容

Springboot+ Vue-element-admin前后端分离的 项目打包部署过程记录

 

四、Nginx 配置(重点在vue项目有两个端和解决跨越问题)

 

关键配置如下:

charset utf-8;

    #error_page 404 /404.html;
    #error_page 502 /502.html;

location /api/ {
            proxy_pass http://127.0.0.1:8001/api/;
                        proxy_set_header Host $host;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header REMOTE-HOST $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

location /admin/ {
            proxy_pass http://127.0.0.1:8086;
                        proxy_set_header Host $host;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header REMOTE-HOST $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

    location /nginx_status {
      stub_status on;
      access_log off;
      allow 127.0.0.1;
      deny all;
    }
    location ~ [^/]\.php(/|$) {
      #fastcgi_pass remote_php_ip:9000;
      fastcgi_pass unix:/dev/shm/php-cgi.sock;
      fastcgi_index index.php;
      include fastcgi.conf;
    }
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
      expires 30d;
      access_log off;
    }
    location ~ .*\.(js|css)?$ {
      expires 7d;
      access_log off;
    }
    location ~ ^/(\.user.ini|\.ht|\.git|\.svn|\.project|LICENSE|README.md) {
      deny all;
    }

}


# another virtual host using mix of IP-, name-, and port-based configuration

server {


        listen       8086;

        server_name  somename  alias  another.alias;


            root /opt/webadmin/dist;
            index index.html index.htm index.php;


location /api/ {
            proxy_pass http://127.0.0.1:8001;
                        proxy_set_header Host $host;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header REMOTE-HOST $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }


}

########################## vhost #############################
  include vhost/*.conf;
}

 

 

五、Linux下 SpringBoot jar项目后台运行、查看、停用

1.运行jar包

> nohup java -jar xxx.jar &
1
2.查看是否运行

> jobs -l
1
3.jobs -l 可以看到后台运行起来的进程;

4.kill -9 进程id ,停用服务。

同样vue后台运行同理

1.运行node

> nohup cnpm run dev &
1
2.查看是否运行

> jobs -l
1
nohup 命令

用途:不挂断地运行命令。

语法:nohup Command [ Arg … ] [ & ]

描述:nohup 命令运行由 Command 参数和任何相关的 Arg 参数指定的命令,忽略>所有挂断(SIGHUP)信号。在注销后使用 nohup 命令运行后台中的程序。要运行>后台中的 nohup 命令,添加 & ( 表示”and”的符号)到命令的尾部。

 

六、(运维)Linux Redis清理缓存

1.先确保redis进程存活
ps -ef|grep redis

2.进入redis按照的根目录,/usr/local/redis/bin ,执行./redis-cli
[[email protected] bin]# /bin/redis-cli

3.执行dbsize命令
127.0.0.1:6379> dbsize

4.清理全部缓存
127.0.0.1:6379> flushall

5.清理数据库缓存
127.0.0.1:6379> flushdb

6.退出
127.0.0.1:6379> exit