nginx---使用nginx部署vue项目到本地以及代理和负载均衡

说明:

;1;down;表示当前的server暂时不参与负载
;2;weight;默认为1.weight越大;负载的权重就越大。
;3;backup; 其它所有的非backup机器down或者忙的时候;请求backup机器。所以这台机器压力会最轻。
;4;上例中192.168.11.72:20201 设置最大失败次数为 3;也就是最多进行 3 次尝试;且超时时间为30秒;;max_fails 的默认值为 1;fail_timeout 的默认值是 10s。;
;5;注意;当upstream中只有一个 server 时;max_fails 和 fail_timeout 参数可能不会起作用; weightackup 不能和 ip_hash关键字一起使用。
;6;最后在需要使用负载均衡的server中增加proxy_pass http://serve_backend/;对应upstream的名字。
nginx.conf的serve模块配置如下;

nginx.conf的serve模块配置如下;

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
    
    # 在这里 设置负载均衡
    # 上面有讲解 
    upstream serve_backend{
		ip_hash;
		server 192.168.11.68:20201;
		server 192.168.11.69:20201 weight=1 down;
		server 192.168.11.70:20201 weight=2;
		server 192.168.11.71:20201 weight=3 backup;
		server 192.168.11.72:20201 weight=1 max_fails=3 fail_timeout=30s;
	}

    server {
        listen       80;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
        }

        # 视频演示项目 http协议
        location /video/ {
            alias  D:/myProject/deployProject/video/;
            try_files $uri $uri/ /index.html last;
            index index.html index.htm;
        }
        
        # 在这里设置反向代理
        # wxserver 是需要代理的标志
        location /wxserver/ {
            proxy_pass http://serve_backend/;
            # 启用keep alive
            proxy_http_version 1.1;
            proxy_set_header Connection ;;;

            # 获取 xforward和真实IP
            proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  Host $host;
        }
        
        
        #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   html;
        }
    }