build: 构建文件更新

docker/docker-compose.yaml

@@ -24,20 +24,24 @@ services:
     environment:
       MYSQL_DATABASE: ${DB_NAME}
       MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
+    networks:
+      - app-network
 
   redis:
     image: redis:5.0
     ports:
       - "6379:6379"
     restart: always
+    networks:
+      - app-network
 
-  zyc-server:
-    container_name: zyc-server
+  backend:
+    container_name: backend
     build:
       context: .
-      dockerfile: zyc-dockerfile
+      dockerfile: backend-dockerfile
     ports:
-      - "80:80"
+      - "8081:8080"
     volumes:
       - ./zyc/logs:/home/zyc/logs
       - ./zyc/uploadPath:/home/zyc/uploadPath
@@ -54,4 +58,21 @@ services:
       REDIS_HOST: ${REDIS_HOST}
       REDIS_PORT: ${REDIS_PORT}
       REDIS_PASSWORD: ${REDIS_PASSWORD}
-      REDIS_DATABASE: ${REDIS_DATABASE}
+      REDIS_DATABASE: ${REDIS_DATABASE}
+    networks:
+      - app-network
+
+  frontend:
+    image: frontend # 前端镜像名称
+    container_name: frontend
+    build:
+      context: .
+      dockerfile: frontend-dockerfile
+    ports:
+      - "80:80" # 映射前端服务端口
+    networks:
+      - app-network
+
+networks:
+  app-network:
+    driver: bridge

docker/frontend-dockerfile

@@ -0,0 +1,20 @@
+# 使用 Nginx 镜像作为基础镜像
+FROM nginx:alpine
+
+# 设置 Nginx 的静态文件路径
+WORKDIR /usr/share/nginx/html
+
+# 清空默认的 Nginx 静态资源目录
+RUN rm -rf ./*
+
+# 将本地的静态文件复制到容器中
+COPY dist/ .
+
+# 将自定义的 Nginx 配置文件复制到容器中
+COPY nginx/nginx.conf /etc/nginx/nginx.conf
+
+# 暴露容器中的 80 端口
+EXPOSE 80
+
+# 启动 Nginx
+CMD ["nginx", "-g", "daemon off;"]

docker/nginx/nginx.conf

@@ -0,0 +1,36 @@
+# nginx.conf
+user nginx;
+worker_processes auto;
+pid /var/run/nginx.pid;
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    sendfile on;
+    keepalive_timeout 65;
+
+    server {
+        listen 80;
+        server_name localhost;
+
+        # 前端静态文件的路径
+        location / {
+            root /usr/share/nginx/html;
+            index index.html;
+            try_files $uri /index.html;
+        }
+
+        # 转发 API 请求到后端服务
+        location /prod-api/ {
+            proxy_pass http://backend:8080/; # 替换为后端服务地址
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+    }
+}