SpringBoot + Vue + nginx项目部署

1.后端项目部署：

（1）Java项目打包上传到 服务器，开启服务

java -jar *****.jar --server.port=8080

（2）vue项目打包，拷贝dist下的static和index.html到/usr/local/nginx/html目录下

(3)安装Nginx，参考https://blog.csdn.net/qq_22027637/article/details/81776092，安装好后配置nginx，打开/usr/local/nginx/conf/nginx.conf，配置如下：

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
   
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

        # 404页面跳转
        location / {
			try_files $uri /index.html;
		}
		
        # 静态资源目录，即vue打包后的dist里的静态资源
        root  /usr/local/nginx/html;
        index  index.html index.htm;

        # 后端服务的配置
        location /api/ {
				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;
                # 后端服务地址
                proxy_pass http://localhost:8080/;
        }

        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

}

（4）输入ip地址或域名即可访问