将所有前端代码（HTML、CSS、JavaScript）放在 public 目录中。将源代码（例如 SASs 或 TypeScript）放在 src 目录中。编译项目（可选）如果使用 Sass 或 TypeScript 等预处理器，需要编译它们以生成用于部署的优化代码。运行必要的命令来编译源代码并将其放置在 public 目录中。
在Nginx上部署多个前后端项目的步骤如下：安装Nginx：首先，确保服务器上已经安装了Nginx。如果未安装，可以通过包管理器（如apt、yum等）进行安装。配置Nginx：打开Nginx的配置文件，通常位于/ETC/nginx/nginx.conf或/etc/nginx/sites-available/目录下的某个文件中。
使用Docker和Nginx部署前端项目时出现空白页或系统异常，通常是由于Nginx代理配置或资源路径问题导致的，可通过检查并修正Nginx配置、前端路由及后端接口调用来解决。检查Nginx代理配置：确保location指令正确配置：Nginx配置文件中的location块需正确指向前端应用的根目录。
准备前端项目：确保前端项目（如Vue、react等）已经构建完成，并生成了静态文件。这通常是通过运行如npm run build的命令来完成的。构建完成后，会在项目目录下生成一个DISt或build文件夹，里面包含了所有静态资源文件。安装Docker环境：在LINUX系统上安装Docker，并确保其正常运行。
在Debian/Ubuntu系统上：默认站点目录可能位于/var/WWW/html/。如果希望将前端项目文件放置在其他位置：可以修改Nginx配置文件中的ROOT指令来指定新的目录。这样，Nginx就能够从新的位置提供前端代码。部署前端代码的步骤：复制文件：将前端应用程序的文件复制到Nginx服务器的相应目录（默认或自定义）。
未启用 Nginx 代理的情况问题描述：部署 Docker 前端页面后，页面不显示任何内容，但后端服务已通过 POStman 测试成功。解决方案：检查前端路由配置：确保前端项目的路由路径以 / 结尾（如 root /），避免因路径不匹配导致静态资源加载失败。
Nginx的默认web目录在不同的安装方式下会有所不同。使用yum安装的Nginx，其默认web目录通常位于/usr/share/nginx/html/。这是大多数linux发行版默认的安装路径，适用于快速安装和简单的配置需求。而通过源码安装的Nginx，其默认web目录则位于/usr/local/nginx/html/。
Nginx的配置文件主要位于/application/nginx/conf目录下，这是Nginx所有配置文件的核心存储位置。以下为具体说明：主配置文件nginx.conf是Nginx默认的主配置文件，通常包含全局配置、事件模块、http模块等核心参数。用户可通过修改此文件调整Nginx的监听端口、工作进程数、日志路径等基础设置。
Web service Nginx的设置步骤主要包括安装Nginx、启动服务、验证安装、配置Nginx、修改端口与默认目录（如需要），以及其他配置（如需要）。安装Nginx：根据操作系统类型，从Nginx官方网站下载适合的安装包，并按照官方文档进行安装。例如，在centos7/8系统上，可以使用yum install nginx -y命令自动安装。
项目文件目录：/usr/share/nginx/html/默认的静态资源存放位置，包含nginx欢迎页面（index.html）及其他Web文件。用户可将自定义的HTML、CSS、JS文件放置于此。日志文件目录：/var/log/nginx/存储nginx的运行日志，包括访问日志（ACCESS.log）和错误日志（error.log），可用于问题排查和性能分析。
1、如果是第一次安装，可以执行make install命令，将编译好的Nginx安装到指定的目录。如果是升级Nginx，则不能执行make install命令，而是需要手动将objs目录下生成的nginx二进制文件拷贝到原老版本的nginx目录下。
2、方法一：源码编译安装下载Nginx源码包 将Nginx的安装包放到Linux的/usr/local/Software目录下。安装依赖包 使用yum install命令安装Nginx的依赖包，包括pcre、pcre-devel、zlib、zlib-devel。解压Nginx安装包 使用tar命令解压Nginx安装包，搭配zxvf参数。进入解压后的目录 解压后，进入包含安装命令的文件夹。
3、执行./configure命令配置编译选项，通常建议使用默认配置。编译源码：执行make命令编译源码，生成可执行文件。安装Nginx：执行sudo make install命令安装Nginx。启动Nginx服务：安装完成后，使用systemctl start nginx命令启动Nginx服务。
4、nginx是一款广受欢迎的高性能网络服务器，被广泛应用于反向代理和web服务。源码安装是理解其内核机制的关键一步。选择适合的版本，我推荐选择稳定版本，比如基于CentOS7的nginx-2。首先，从官网上下载合适的版本，并解压至本地。在开始编译前，明确目录结构及其功能。
5、编译pcre：进入pcre目录，执行：./configure && make 编译zlib：进入zlib目录，执行：./configure && make 编译Nginx 进入Nginx源码目录，执行配置命令，指定依赖库的路径和Nginx的安装目录。
