nginx-前后端分离实战（springboot项目）

原创

已于 2022-12-20 18:17:06 修改 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nginx

于 2022-03-24 16:53:49 首次发布

本文介绍了如何将SpringBoot项目中的静态文件剥离并部署到Nginx服务器。步骤包括备份并删除后端项目的静态文件，将文件复制到Nginx的静态目录，配置Nginx.conf以指向新位置，以及处理HTTP和HTTPS访问。通过这个过程，实现了前后端分离并优化了静态资源的加载效率。

一个管理端项目：admin-controller，之前是前端和后端项目都放在一个项目中，如下图所示：

现在的需求是需要把protocol目录下的静态文件剥离出springboot项目。静态文件需要部署在nginx上。

1. 备份并删除后端项目中所有protocol目录下的文件。

2. 在/usr/local/nginx/static/目录下新建myprotocol目录，并且把1中备份的静态文件拷贝到/usr/local/nginx/static/myprotocol 下。

3. nginx配置文件nginx.conf中配置：

server {
        listen       80;
        server_name  protocol.com;   

        location /myprotocol { # myprotocol：为前端项目在服务器上的目录位置
            root   /usr/local/nginx/static; //会在static目录下寻找 myprotocol/xxx
            index  index.html index.htm;
        }

         location /cfgadmin { #cfgadmin：为后端项目接口根路径

            proxy_pass https://xxxx.xx.com;  #需要代理后端服务的域名，
        }


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

    }