nginx配置反向代理前后端分离项目（配置两个转发）

本文重点讲术springboot +vue前后端分离nginx如何配置两个代理

一、通常SpringBoot与vue 进行前后端分离，主要有两种方式：

1.打包（npm run build命令）vue项目出来的dist文件夹拷贝到springboot项目的static文件目录，部署到tomcat即可。

2.利用nginx的反向代理。

本文主要讲解第二种

首先打包前端项目到指定目录：E:\fjgh\dist

然后部署后端项目到另一台服务器，现在前后端项目在不同的服务器上。

二、nginx配置
关键在于servier配置

server {
listen 80;
server_name localhost;

location / {
    root   E:\fjgh\dist ;          #vue项目的打包后的dist
    index  index.html index.htm;   #index访问的是上面dist里面的index.html
    
    #开启gzip压缩，降低传输流量，减少响应时间
    gzip  on;
    gzip_min_length    1k;
    gzip_buffers    4 16k;
    gzip_http_version  1.1;
    gzip_comp_level  2;
    gzip_types  text/plain application/x-javascript text/css  application/xml  application/json ;
    gzip_vary on;
}
location /un/ {
    #代理后端服务（后端接口地址）
    proxy_pass http://fjghmultiple/un/;
}

}