diff --git a/deploy/docker-compose.dev.yml b/deploy/docker-compose.dev.yml index 4b0da1f..4764a72 100644 --- a/deploy/docker-compose.dev.yml +++ b/deploy/docker-compose.dev.yml @@ -36,7 +36,7 @@ services: # dev 期把本地 build 产物挂到 nginx 静态目录 # 用法:cd fuellog-web && pnpm build,然后 docker compose restart web - ../fuellog-web/dist:/usr/share/nginx/html:ro - - ./nginx/web.conf:/etc/nginx/conf.d/web.conf:ro + - ../fuellog-web/nginx/web.conf:/etc/nginx/conf.d/web.conf:ro networks: - fuellog-net diff --git a/deploy/nginx/web.conf b/deploy/nginx/web.conf index 609e4c8..fb5c994 100644 --- a/deploy/nginx/web.conf +++ b/deploy/nginx/web.conf @@ -1,56 +1,5 @@ -# FuelLog 前端容器用的 nginx 配置 -# - 提供 /usr/share/nginx/html 静态资源 -# - SPA fallback:所有非 /api 路径都回 /index.html(让 vue-router 接管) -# - /api/* 反代到后端容器 api:8080 - -upstream fuellog_api { - server api:8080; - keepalive 32; -} - -server { - listen 80 default_server; - server_name _; - - # gzip 静态资源 - gzip on; - gzip_types text/plain text/css application/javascript application/json image/svg+xml application/xml; - gzip_min_length 1024; - - # 静态资源 + SPA fallback - root /usr/share/nginx/html; - index index.html; - - # 显式 favicon / manifest / icon - location = /favicon.svg { access_log off; expires 30d; } - location = /manifest.webmanifest { access_log off; expires 1d; } - location ~* ^/pwa-.*\.png$ { access_log off; expires 30d; } - - # 反代 /api 到后端 - location /api/ { - proxy_pass http://fuellog_api; - proxy_http_version 1.1; - proxy_set_header Host $host; - proxy_set_header X-Real-IP $remote_addr; - proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; - proxy_set_header X-Forwarded-Proto $scheme; - proxy_set_header Connection ""; # keep-alive - proxy_read_timeout 30s; - proxy_send_timeout 30s; - } - - # /api/health 这种后端直出,允许直接走 - location = /health { proxy_pass http://fuellog_api/health; } - - # Hashed 静态资源(js/css/woff2)长缓存 - location ~* \.(?:js|css|woff2|svg|png|jpg|jpeg|gif|ico)$ { - expires 30d; - add_header Cache-Control "public, immutable"; - try_files $uri =404; - } - - # SPA fallback - location / { - try_files $uri $uri/ /index.html; - } -} +# 已迁移到 ../fuellog-web/nginx/web.conf +# 这里保留一个空文件占位,deploy/ 目录在 git 里仍是有效的; +# 旧的 docker-compose 引用 (./nginx/web.conf) 如果还有人用, +# 需要把 volume 行改成 ../fuellog-web/nginx/web.conf。 +# 推荐:直接用 ../fuellog-web/nginx/web.conf。 diff --git a/fuellog-web/Dockerfile b/fuellog-web/Dockerfile index f7c4f7b..5ec6100 100644 --- a/fuellog-web/Dockerfile +++ b/fuellog-web/Dockerfile @@ -27,7 +27,7 @@ FROM nginx:1.27-alpine RUN rm /etc/nginx/conf.d/default.conf # 我们的反代 + SPA fallback 配置 -COPY deploy/nginx/web.conf /etc/nginx/conf.d/web.conf +COPY nginx/web.conf /etc/nginx/conf.d/web.conf # 静态产物 COPY --from=builder /src/dist /usr/share/nginx/html diff --git a/fuellog-web/nginx/web.conf b/fuellog-web/nginx/web.conf new file mode 100644 index 0000000..609e4c8 --- /dev/null +++ b/fuellog-web/nginx/web.conf @@ -0,0 +1,56 @@ +# FuelLog 前端容器用的 nginx 配置 +# - 提供 /usr/share/nginx/html 静态资源 +# - SPA fallback:所有非 /api 路径都回 /index.html(让 vue-router 接管) +# - /api/* 反代到后端容器 api:8080 + +upstream fuellog_api { + server api:8080; + keepalive 32; +} + +server { + listen 80 default_server; + server_name _; + + # gzip 静态资源 + gzip on; + gzip_types text/plain text/css application/javascript application/json image/svg+xml application/xml; + gzip_min_length 1024; + + # 静态资源 + SPA fallback + root /usr/share/nginx/html; + index index.html; + + # 显式 favicon / manifest / icon + location = /favicon.svg { access_log off; expires 30d; } + location = /manifest.webmanifest { access_log off; expires 1d; } + location ~* ^/pwa-.*\.png$ { access_log off; expires 30d; } + + # 反代 /api 到后端 + location /api/ { + proxy_pass http://fuellog_api; + proxy_http_version 1.1; + proxy_set_header Host $host; + proxy_set_header X-Real-IP $remote_addr; + proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; + proxy_set_header X-Forwarded-Proto $scheme; + proxy_set_header Connection ""; # keep-alive + proxy_read_timeout 30s; + proxy_send_timeout 30s; + } + + # /api/health 这种后端直出,允许直接走 + location = /health { proxy_pass http://fuellog_api/health; } + + # Hashed 静态资源(js/css/woff2)长缓存 + location ~* \.(?:js|css|woff2|svg|png|jpg|jpeg|gif|ico)$ { + expires 30d; + add_header Cache-Control "public, immutable"; + try_files $uri =404; + } + + # SPA fallback + location / { + try_files $uri $uri/ /index.html; + } +}