init

compose/docker-compose.yml

+version: "3.2"
+services:
+  node_build:
+    container_name: pigeon.node_build
+    build: 
+      # 前端项目地址
+      context: D:/node/project/pigeon_frontend
+      # 前端 docker file 地址, 指向当前git 仓库 下 node_build
+      dockerfile: D:/node/docker/pigeon/Dockerfile
+    volumes:
+      - html_files:/webdist
+    command: ['cp', '-rf', '/webapp/dist/.', '/webdist']
+
+  nginx:
+    container_name: pigeon.nginx
+    image: nginx:latest
+    ports:
+      - 80:80
+    volumes:
+      # nginx 相关配置 关联, 指向当前git 仓库 下 nginx
+      - D:\nginx\pigeon\conf.d:/etc/nginx/conf.d
+      - D:\nginx\pigeon\nginx.conf:/etc/nginx/nginx.conf
+      - D:\nginx\pigeon\log:/var/log/nginx
+      - html_files:/usr/share/nginx/html
+
+volumes:
+  html_files:
\ No newline at end of file

nginx/conf.d/default.conf

+server {
+    # 前端 项目本地访问地址
+    listen       80;
+    server_name  localhost;
+
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+        try_files $uri $uri/ /index.html;
+    
+    }
+
+    # 前端项目 请求后端地址
+    location ^~ /api/ {
+        include uwsgi_params;
+
+        # 代理地址 去除 /api
+        # rewrite ^/api/(.*)$ /$1 break;
+
+        proxy_pass http://pigeon.zwwlkj03.top;
+
+        proxy_set_header Cookie $http_cookie;
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-Server $host;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        
+        add_header 'Access-Control-Allow-Origin' $http_origin;
+        add_header 'Access-Control-Allow-Credentials' 'true';
+        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+        add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
+        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
+        if ($request_method = 'OPTIONS') {
+            add_header 'Access-Control-Max-Age' 1728000;
+            add_header 'Content-Type' 'text/plain; charset=utf-8';
+            add_header 'Content-Length' 0;
+            return 204;
+        }
+        proxy_connect_timeout 5;
+    }
+
+    location ^~ /message-dev/ {
+        include uwsgi_params;
+
+        rewrite ^/message-dev/(.*)$ /$1 break;
+
+        proxy_pass http://message.wanqudianchi.com;
+
+        proxy_set_header Cookie $http_cookie;
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-Server $host;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        
+        add_header 'Access-Control-Allow-Origin' $http_origin;
+        add_header 'Access-Control-Allow-Credentials' 'true';
+        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+        add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
+        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
+        if ($request_method = 'OPTIONS') {
+            add_header 'Access-Control-Max-Age' 1728000;
+            add_header 'Content-Type' 'text/plain; charset=utf-8';
+            add_header 'Content-Length' 0;
+            return 204;
+        }
+        proxy_connect_timeout 5;
+    }
+
+    location ^~ /export-dev/ {
+        include uwsgi_params;
+
+        rewrite ^/export-dev/(.*)$ /$1 break;
+
+        proxy_pass http://export.zwwlkj03.top;
+
+        proxy_set_header Cookie $http_cookie;
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-Server $host;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        
+        add_header 'Access-Control-Allow-Origin' $http_origin;
+        add_header 'Access-Control-Allow-Credentials' 'true';
+        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+        add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
+        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
+        if ($request_method = 'OPTIONS') {
+            add_header 'Access-Control-Max-Age' 1728000;
+            add_header 'Content-Type' 'text/plain; charset=utf-8';
+            add_header 'Content-Length' 0;
+            return 204;
+        }
+        proxy_connect_timeout 5;
+    }
+
+    location ^~ /zhangquan-dev/ {
+
+        include uwsgi_params;
+
+        rewrite ^/zhangquan-dev/(.*)$ /$1 break;
+        
+        proxy_pass http://zq.zwwlkj03.top/api/;
+
+        proxy_set_header Cookie $http_cookie;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+
+        add_header 'Access-Control-Allow-Origin' $http_origin;
+        add_header 'Access-Control-Allow-Credentials' 'true';
+        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+        add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
+        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
+        if ($request_method = 'OPTIONS') {
+            add_header 'Access-Control-Max-Age' 1728000;
+            add_header 'Content-Type' 'text/plain; charset=utf-8';
+            add_header 'Content-Length' 0;
+            return 204;
+        }
+        proxy_connect_timeout 5;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+}
+

nginx/nginx.conf

+
+user  nginx;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+pid        /var/run/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    include /etc/nginx/conf.d/*.conf;
+}

node_build/Dockerfile

+# node/16.14.2/tbreg
+FROM node:16.14.2 as build
+
+USER root
+
+# content 目录 D:/node/project/pigeon_frontend
+WORKDIR /webapp
+
+COPY ./package.json /webapp/package.json
+
+# RUN npm i \
+#     && npm run build:prod
+
+# 拆分两条命令 缓存 npm i 结果
+RUN npm i
+# RUN npm run build:stage
+
+# CMD /bin/bash
+FROM build
+
+USER root
+
+# content 目录 D:/node/project/pigeon_frontend
+WORKDIR /webapp
+
+COPY ./ /webapp
+
+RUN npm run build:stage

node_build/Dockerfile.dockerignore

+.git
+.vscode
+
+node_modules