如何在Linux使用docker配置Nginx部署前端项目

在Linux上使用docker配置Nginx部署前端项目的步骤如下：1. 安装docker；2. 创建docker容器；3. 使用dockerfile定义docker容器的环境；4. 使用docker-compose部署Nginx容器；5. 在Nginx容器中挂载前端项目；6. 启动Nginx，部署前端项目。

相关问题

docker 和nginx技术原理

Docker 和 Nginx 都是现代软件开发和部署中的重要工具，它们各自有着不同的技术原理。

1. Docker：
Docker 是一种轻量级的容器化平台，它基于 Linux 内核的命名空间和控制组机制（cgroups）来创建隔离的运行环境。Docker 主要包含两个关键概念：
- **镜像 (Image)**: 它是一个读-only 的文件系统层，包含了应用程序及其依赖项，可以被复制和分发。
- **容器 (Container)**: Docker 通过运行镜像创建的可执行实例，每个容器都有独立的进程空间、网络栈和存储卷，但共享主机的操作系统内核。

Docker 的主要原理是通过将应用程序及其依赖打包到镜像中，然后在宿主机上以轻量级的方式运行容器，实现了资源隔离和一致性，极大地简化了应用部署和管理。

2. Nginx：
Nginx 是一个开源的高性能HTTP和反向代理服务器，也支持HTTPS。它的核心是一个事件驱动的I/O模型，能够处理大量并发连接。Nginx 有以下几个关键特点：
- **模块化设计**：Nginx 由多个插件模块组成，可以根据需求动态加载或禁用。
- **负载均衡**：它能有效地分发请求到多个后端服务器，提高服务可用性和性能。
- **静态文件服务器**：Nginx 能高效地处理静态文件，减少了Web服务器的负担。
- **代理服务器**：Nginx 可作为前端服务器，将客户端请求转发给后端服务器，隐藏服务器的细节。

我在linux服务器上放置了我的前端代码文件夹dist，且里面的路径指向后端的8888端口，我的后端代码也在服务器上部署，访问端口是8888，但是我通过docker启动nginx容器去代理我的前端代码，端口号是8097：80，导致我现在项目接口请求的端口号都变成了8097。如果我修改后端代码端口为8097，就会提示我该端口号已被占用

你需要在Nginx配置文件中添加反向代理，将请求转发到后端的8888端口，这样就可以解决问题了。具体操作如下：

1. 进入Nginx配置文件目录，一般在/etc/nginx/conf.d/或者/etc/nginx/sites-available/下面。

2. 打开配置文件，添加以下内容：

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    location /api {
        proxy_pass http://localhost:8888;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

其中，`location /api`表示将以`/api`开头的请求转发到后端的8888端口。`proxy_pass`指定了转发的目标地址，`proxy_set_header`则是设置一些请求头信息，防止出现一些问题。

3. 保存配置文件并重启Nginx服务，使配置生效。

现在，你的Nginx就可以将前端请求转发到后端的8888端口了，同时也可以保留8097端口用于前端访问。