alokswain/nginx-lobby

alokswain/nginx-lobby 镜像说明

镜像概述

本镜像基于Nginx官方镜像优化，针对Angular单页应用场景修改了Nginx配置，添加try_files指令，解决OAuth登录重定向后前端路由无法正确解析的问题，确保HTML5模式下的路由刷新正常。

核心功能

1. 提供标准Nginx服务基础能力
2. 内置try_files配置，适配Angular前端路由（HTML5模式）
3. 支持OAuth认证后的路由重定向处理
4. 轻量高效，保持Nginx原有的性能优势

使用场景

1. 部署Angular单页应用，需要处理OAuth登录后的路由跳转
2. 前端使用HTML5路由模式，避免刷新页面时出现404错误
3. 快速搭建支持前端路由的静态资源服务

配置说明

镜像中的Nginx核心配置片段如下：

nginx
location / {
    try_files $uri $uri/ /index.html;
}

该配置确保所有未匹配到静态文件的请求都指向Angular的index.html，从而支持前端路由解析。

部署示例

Docker Run 快速启动

bash
docker run -d -p 8080:80 \
  -v /path/to/your/angular/dist:/usr/share/nginx/html \
  docker.xuanyuan.run/alokswain/nginx-lobby

Docker Compose 配置

yaml
version: '3.8'
services:
  nginx-lobby:
    image: docker.xuanyuan.run/alokswain/nginx-lobby
    ports:
      - "80:80"
    volumes:
      - ./angular-dist:/usr/share/nginx/html
    restart: always

将Angular项目构建后的dist目录挂载到容器的/usr/share/nginx/html路径即可使用。