springboot+vue前后端分离项目部署nginx

1.前端打包

1.配置前端反向代理地址

2.build 项目审查dist目录

3.将dist整个文件发送到服务器中，我的是centos7

4.修改nginx.conf文件代理访问前端路径

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;  //监听的端口
        server_name  localhost;  //服务名称

  	location / {
            root   /usr/src/javaProject/dist; //对应dist文件路径
            index  index.html index.htm;
        }
        	}
}

说明：
访问http://120.10.2.30/ 后会打开/usr/src/javaProject/dist/index.html

5.修改后端配置文件，改成服务器地址

6.将后端项目打成jar包发送到服务器中

7.后台启动java

nohup java -jar xinguan.jar & //后台启动jar
vi nohup.out //查看启动日志

8.配置nginx.conf 文件

location /api/ {
proxy_set_header Host $http_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;
proxy_pass http://39.108.80.188:8879/; //此处改成后端地址
}

9.重新加载nginx.conf文件

cd /usr/local/nginx //回到nginx跟目录
./sbin/nginx -s reload //重载指令