docker部署前端项目

给项目编写Dockerfile

 
FROM nginx
 
EXPOSE 8888

COPY dist/ /usr/share/nginx/html/

COPY nginx.conf /etc/nginx/conf.d/default.conf

USER root

给项目编写nginx.conf

# user  nginx;
# worker_processes  1;
 
# error_log  /var/log/nginx/error.log warn;
# 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;
    proxy_read_timeout 180s;
 
#     gzip  on;
#     gzip_types text/plain application/javascript text/css;
 
    # 虚拟主机server块
    server {
        # 端口
        listen   8888;
        # 匹配请求中的host值
        server_name  localhost;

        location / {
            root   /usr/share/nginx/html;
            try_files $uri $uri/ /index.html; 
            index  index.html index.htm;
        }

        # 监听请求路径
        location /plm-doc {
            # 将8080端口上所有plm-doc变成空
            rewrite ^.+plm-doc/?(.*)$ /$1 break;  
            include uwsgi_params;
            proxy_pass http://121.5.159.191:8079; // 请求文件预览地址
        }
        
        location /agile {
            rewrite ^.+agile/?(.*)$ /$1 break;  
            include uwsgi_params;
            proxy_pass http://172.29.201.220:8001; // 请求agile后台文件列表地址
        }
 
        #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;
        }
 
    }
 
#     include /etc/nginx/conf.d/*.conf;
# }

将项目发布到github中，阿里云容器镜像服务绑定github账号，选择项目即可