部署springboot项目和vue项目流程

131 阅读1分钟

一、部署springboot

1、运行maven中的package命令即可 2、把生成的target下面的jar包复制到服务器上 3、运行 (1)方法1:在终端直接运行命令 java -jar back_end_project-0.0.1-SNAPSHOT.jar --spring.profiles.active=stage 后面的active定义选择的配置文件 该方法不能在后台运行java程序 (2)方法2:使用screen窗口,使得java程序在窗口中运行

  • yum -y install screen
  • screen -S 作业名称>
  • 在窗口中运行 java -jar back_end_project-0.0.1-SNAPSHOT.jar --spring.profiles.active=stage
  • ctrl+a 不松ctrl ctrl+d 退出该screen
  • screen -ls #查看screen 列表
  • screen -r <screen 名称> 进入screen页面

二、部署vue项目

1、运行npm run build 生成dist文件 2、把dist文件复制到服务器相应的目录下

三、配置nginx

1、运行命令 yum -y install nginx 2、运行命令 nginx 即可运行nginx 3、配置nginx nginx默认配置目录:/etc/nginx/nginx.conf 4、参考配置文件

server {
        # nginx默认运行端口
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;


        location / {
            # 前端dist所在目录
            root   /app/keyanan/vue_app/dist;
            try_files $uri $uri/ @router;
            index  index.html index.htm;
        }

        location @router {
            rewrite ^.*$ /index.html last;
        }
        # 设置代理,放置跨域
        location /api/ {
            proxy_pass http://192.168.112.55:8080;
            rewrite ^/api/(.*)$ /$1 break;
            proxy_redirect    off;
            proxy_set_header  Host $host;
            proxy_set_header  X-real-ip $remote_addr;
            proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
        }


        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

5、更新前端项目时要重启nginx

nginx -s reload

四、多前端项目部署

参考:www.cnblogs.com/zhaoxxnbsp/… 1、nginx里面使用alias配置 2、基于端口的配置 3、基于域名的配置