手把手教你入门vue+springboot开发（二十二）--Nginx部署前端_springboot vue前后端分离项目nginx配置-CSDN博客

文章目录

前言
一、Nginx部署前端
二、两种前端部署方式对比
三、Nginx优点
总结

前言

很多初学者心中都有一个疑问：既然Spring Boot支持托管前端进行部署，为什么还需要Nginx来部署前端呢？Nginx是一款高性能的开源 Web服务器、反向代理服务器和负载均衡器，它被广泛使用于Web开发，Nginx以其高效性、低资源占用和处理大量并发连接的能力而闻名。本篇我们先研究一下如何使用Nginx实现前后端分离部署，然后再对这两种前端部署方式做一个对比。

一、Nginx部署前端

1.下载Nginx编译

1）Nginx官网下载Nginx最新版本源码nginx-1.27.4.tar.gz
https://nginx.org/download
2）把nginx源码文件拷贝到docker容器中
docker cp .\nginx-1.27.4.tar.gz 567d7bf5a8c1:/usr
3）在docker容器的/usr/local目录新建nginx目录，存放nginx编译安装后执行文件和配置文件等
4）解压源码后执行./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module
如下图报错：
在这里插入图片描述
需要安装编译环境，执行以下命令：

# 更新系统并安装编译工具链
apt update && apt upgrade -y
apt install -y build-essential

# 安装 Nginx 依赖库
apt install -y libpcre3 libpcre3-dev zlib1g zlib1g-dev libssl-dev

然后执行以下命令编译安装nginx

cd nginx-1.27.4
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module
make
make install

–with-http_ssl_module表示支持https。
安装完成后/usr/local/nginx目录有以下文件
在这里插入图片描述

2.修改Spring Boot后端

使用Nginx后Spring Boot后端就没有必要再使用https了，可以改成http，端口改为8087，避免与nginx端口冲突。修改application.yml文件，去掉ssl配置，端口改成8087。

server