ubuntu服务器docker安装部署ngix

1、docker pull nginx

2、Dockerfile

FROM nginx:alpine

# 维护者信息
LABEL maintainer="Your Name <your@email.com>"

# 将构建好的前端文件复制到Nginx的默认静态文件目录
COPY dist/ /usr/share/nginx/html/

# 将自定义的Nginx配置文件复制到Nginx的配置目录
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露80端口
EXPOSE 80

# 启动Nginx服务
CMD ["nginx", "-g", "daemon off;"]

3、nginx.conf

server {
    listen 80;
    server_name localhost;

    # 根目录指向前端项目
    root /usr/share/nginx/html;
    index index.html;

    # 支持前端路由（如React Router、Vue Router的history模式）
    location / {
        try_files $uri $uri/ /index.html;
    }

    # 静态文件缓存配置
    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
        expires 30d;
        add_header Cache-Control "public, max-age=2592000";
    }

    # 禁止访问隐藏文件
    location ~ /\. {
        deny all;
    }
}

4、docker build -t my-frontend-app:latest .

5、docker run -d -p 8080:80 --name frontend-container my-frontend-app:latest