前端项目配置Dockerfile和nginx.conf

 项目中的Dockerfile配置如下：

FROM nginx:1.25.3-bookworm  
COPY dist/ /etc/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

这是一个 Dockerfile 文件，它定义了如何构建一个 Docker 镜像。下面是每行代码的解释：

FROM nginx:1.25.3-bookworm

这行代码表示，我们的 Docker 镜像是基于 nginx:1.25.3-bookworm 这个已经存在的 Docker 镜像。

COPY dist/ /etc/nginx/html/

这行代码将当前目录下的 dist/ 目录复制到 Docker 镜像中的 /etc/nginx/html/ 目录。这通常用于将你的网站文件复制到 Nginx 的默认网站目录。

COPY nginx.conf /etc/nginx/conf.d/default.conf

这行代码将当前目录下的 nginx.conf 文件复制到 Docker 镜像中的 /etc/nginx/conf.d/default.conf。这通常用于覆盖 Nginx 的默认配置。

EXPOSE 80

这行代码表示 Docker 镜像将在 80 端口上监听连接。这是 Nginx 默认的 HTTP 端口。

CMD ["nginx", "-g", "daemon off;"]

这行代码定义了 Docker 容器启动后运行的命令。这里，我们运行 nginx -g 'daemon off;' 来启动 Nginx，并让它在前台运行（默认情况下，Nginx 会在后台作为守护进程运行）。

项目中的nginx.conf

server {
  listen 80;
  server_name localhost;
  client_max_body_size 100m;
  
  location / {
    alias  /etc/nginx/html/;
    try_files $uri $uri/ /index.html;
    index   index.html;
 }
}

这是一个 Nginx 配置文件的一部分，它定义了一个服务器块。下面是每行代码的解释：

listen 80;

这行代码表示 Nginx 将在 80 端口监听 HTTP 连接。

  server_name localhost;

这行代码设置了服务器的名称，这里是 localhost。

  client_max_body_size 100m;

这行代码设置了客户端请求体的最大大小为 100MB。如果请求体的大小超过这个限制，Nginx 将返回一个 “Request Entity Too Large” (413) 错误。

  location / {
    alias  /etc/nginx/html/;

这行代码定义了一个位置块，它匹配 URL 的路径部分。这里，所有以 / 开头的 URL 都会被匹配。alias 指令将请求的路径映射到 /etc/nginx/html/ 目录。

    try_files $uri $uri/ /index.html;

这行代码表示 Nginx 将尝试按顺序查找 $uri、$uri/ 和 /index.html 这三个文件或目录。如果找到了，就会立即停止搜索并处理请求；如果都没有找到，就会返回一个 “Not Found” (404) 错误。

    index   index.html;

这行代码设置了默认的索引文件名，这里是 index.html。当请求的是一个目录时，Nginx 会尝试在该目录下查找并返回这个索引文件。

注意：

在 Nginx 中设置资源大小，你可以通过设置 client_max_body_size 参数来限制请求体的大小。这个参数可以在 http、server 或 location 块中设置。例如：

http {
    client_max_body_size 20m;
}

server {
    client_max_body_size 20m;
}

location /upload {
    client_max_body_size 20m;
}

以上的配置将限制请求体的大小为 20MB。如果请求体的大小超过这个限制，Nginx 将返回一个 “Request Entity Too Large” (413) 错误。