前端项目部署与负载均衡

利用Webpack打包工程

使用cnpm run build打包指令
cnpm run build

配置nginx.conf

路径：/etc/nginx/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;
       #gzip  on;
    proxy_redirect          off;
    proxy_set_header        Host $host;
    proxy_set_header        X-Real-IP $remote_addr;
    proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
    client_max_body_size    10m;
    client_body_buffer_size   128k;
    proxy_connect_timeout   5s;
    proxy_send_timeout      5s;
    proxy_read_timeout      5s;
    proxy_buffer_size        4k;
    proxy_buffers           4 32k;
    proxy_busy_buffers_size  64k;
    proxy_temp_file_write_size 64k;
    server {
        listen       8001;
        # 宿主机的ip
        server_name  182.92.159.126;
        location / {
        # 容器内的部署路径 /home/nginx/xy-gxbg-vue
            root /home/nginx/xy-gxbg-vue;
            index index.html;
        }
    }
   }

创建并运行Nginx容器-命令1

#命令1
docker run -it -d --name nginxFn1 -v /home/dockerDir/nginx/fn1/nginx.conf:/etc/nginx/nginx.conf -v /home/dockerDir/nginx/fn1/xy-gxbg-vue:/home/fn1/xy-gxbg-vue --privileged --net=host docker.io/nginx:latest

—name fn1: 给这个容器起一个名字
-v /home/fn1/nginx.conf:/etc/nginx/nginx.conf : 配置文件的映射，前面的是宿主机的目录，后面是 docker 容
器内的目录
-v /home/fn1/xy-gxbg-vue:/home/fn1/xy-gxbg-vue：目录的映射
—privileged —net=host 权限，网络
nginx 镜像的名称

docker run -it -d —name nginxFn1 -v /home/dockerDir/nginx/fn1/nginx.conf:/etc/nginx/nginx.conf -v /home/dockerDir/nginx/fn1/xy-gxbg-vue:/home/fn1/xy-gxbg-vue —privileged —net=host docker.io/nginx:latest

创建并运行Nginx容器-命令2-错误