SringBoot前后端分离项目部署

1、方法一：前端项目放入Springboot项目部署

1. 把前端项目打包

   • npm run build
     

2. 把打包的dist目录下的文件放入SpringBoot的resources下的static文件夹下

3. 用IDEA的Maven clear 和package

4. 把target包下的jar包放入虚拟机中

5. 启动项目

   • nohup java -jar + jar包名.jar > console.log 2>&1 & --启动进程（在此之前可以在同级目录下新建一个console.log文件用来存放日志信息，可以随时下载console.log查看项目运行状态)。
     
     #如果启动失败
     ps -aux|grep + jar包名.jar #查看进程
     
     kill -s 9 + 进程号 #杀进程
     

2、方法二：nginx部署

1. 把前端项目打包

   • npm run build
     

2. 把打包好的dist放到虚拟机中(我放到了/web/vhr)

3. 修改nginx配置文件

   • vim /usr/local/nginx/conf/nginx.conf
     
     ---------以下是http下的配置------------
     upstream javaboy.org{
     	server 127.0.0.1:8081;#重定向地址(后台端口是8081)
     }
     
     server {
             listen       80;#监听端口
             server_name  localhost;#监听地址
     
             #charset koi8-r;
     
             #access_log  logs/host.access.log  main;
     
             location / {
     	    	proxy_pass http://javaboy.org;#重定向
                 proxy_redirect default;
             }
             location ~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html) {
                 root /web/vhr/dist/;#这些后缀文件直接去找静态
                 expires 30d;//缓存日期
     		}
     
             #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;
             }
     
             # proxy the PHP scripts to Apache listening on 127.0.0.1:80
             #
             #location ~ \.php$ {
             #    proxy_pass   http://127.0.0.1;
             #}
     
             # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
             #
             #location ~ \.php$ {
             #    root           html;
             #    fastcgi_pass   127.0.0.1:9000;
             #    fastcgi_index  index.php;
             #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
             #    include        fastcgi_params;
             #}
     
             # deny access to .htaccess files, if Apache's document root
             # concurs with nginx's one
             #
             #location ~ /\.ht {
             #    deny  all;
             #}
         }
     

4. 重启nginx

   • cd /usr/local/nginx/sbin
     
     ./nginx -s reload
     

5. 启动后台项目

   • nohup java -jar + jar包名.jar > console.log 2>&1 & --启动进程（在此之前可以在同级目录下新建一个console.log文件用来存放日志信息，可以随时下载console.log查看项目运行状态)。
     

6. 浏览器访问http://虚拟机IP/index.html#/