使用Nginx部署前端Vue 和SpringBoot jar项目

1、将打包好的Vue项目放入html目录

 

使用Nginx部署前端Vue 和SpringBoot jar项目_第1张图片

2、配置Nginx的http访问

使用Nginx部署前端Vue 和SpringBoot jar项目_第2张图片

    server {
        listen       88;
        server_name  localhost;
		root   html/dist;
        index  index.html index.htm;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location  /ry/{
			 proxy_pass   http://127.0.0.1:8080/ry/;
			 proxy_redirect default;
			 proxy_set_header Host $host;
			 proxy_set_header X-Real-IP $remote_addr; 
			 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
	}

注意:后端 jar项目  context-path路径不能为“/”根路径,必须要加上项目名称,前端Vue访问的接口也要加上项目名称。

你可能感兴趣的:(vue.js,nginx,spring,boot)