nginx反向代理、負載均衡配置及vue項目部署

nginx配置文件結構

Nginx的配置文件是一個純文本文件,它通常位於Nginx安裝目錄的conf目錄下,整個配置文件是以block的形式組織的。每一個block通常以一個大括號「{」來表示。block能夠分爲幾個層次,整個配置文件中Main命令位於最高層,在Main層下面能夠有Events、 HTTP等層級,而在HTTP層中又包含Server層,即server block, javascript

Nginx 服務的基本配置項詳解

個人本機nginx配置文件路徑是 /usr/local/nginx/conf/ 這個目錄下面,其中nginx.conf是主配置文件。Nginx.conf配置文件主要分紅四個部分:php

main (全局設置) 。css

sever (主機設置)。html

upstram負載均街服務器設置。vue

location(URL匹配特定位置的設置)。java

說明linux

main部分設置的命令將影響其餘全部設置。 server 部分的命令主要用於指定主機和端口;。upstream命令主要用於負載均衡,設置一系列的後端服務器。 location 部分用於匹配網頁位置。這四者之間的關係式server繼承main, location 繼承server, upstream 既不會繼承其餘設置也不會被繼承。nginx

在這四個部分當中,每一個部分都包含若干命令,這些命令主要包含Nginx的主模塊命令,事件模塊命令,HTTP核心模塊命令,同時每一個部分還可使用其餘HTTP模塊命令(例如HTTP SSL模塊,HttpGzip Static模塊和Http Addition模塊等)。後端

下面經過一個Nginx配置實例詳細介紹nginx.conf每一個命令的含義。瀏覽器

#user nobody; 
worker_processes  1;

#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;

#pid logs/nginx.pid;


events {
    use epoll;
    worker_connections  1024;
}

/*
  以上這塊配置代碼是對nginx全局屬性的配置。
  user :主模塊命令, 指定Nginx的worker進程運行用戶以及用戶組,默認由nobody帳號運行。
  worker processes: 指定Nginx要開啓的進程數。
  error log:用來定義全局錯設日誌文件的路徑和日誌名稱。日誌輸出級別有debug,info,notice,warn,error,crit 可供選擇,其中debug輸出日誌最爲詳細,面crit輸出日誌最少。
  pid: 用來指定進程id的存儲文件位置。
  event:設定nginx的工做模式及鏈接數上限,其中參數use用來指定nginx的工做模式(這裏是epoll,epoll是多路複用IO(I/O Multiplexing)中的一種方式),nginx支持的工做模式有select ,poll,kqueue,epoll,rtsig,/dev/poll。其中select和poll都是標準的工做模式,kqueue和epoll是高效的工做模式,對於linux系統,epoll是首選。
         worker_connection是設置nginx每一個進程最大的鏈接數,默認是1024,因此nginx最大的鏈接數max_client=worker_processes * worker_connections。進程最大鏈接數受到系統最大打開文件數的限制,須要設置ulimit。
*/


#下面部分是nginx對http服務器相關屬性的設置
http {
    include       mime.types;               主模塊命令,對配置文件所包含文件的設定,減小主配置文件的複雜度,至關於把部分設置放在別的地方,而後在包含進來,保持主配置文件的簡潔
    default_type  application/octet-stream; 默認文件類型,當文件類型未定義時候就使用這類設置的。 

    #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' 指定nginx日誌的格式
    # '$status $body_bytes_sent "$http_referer" '
    # '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log logs/access.log main;

    sendfile        on;   開啓高效文件傳輸模式(zero copy 方式),避免內核緩衝區數據和用戶緩衝區數據之間的拷貝。
    #tcp_nopush on;

    #keepalive_timeout 0; 客戶端鏈接超時時間
    keepalive_timeout  65;

    #gzip on; 設置是否開啓gzip模塊

    #server段是虛擬主機的配置 這裏能夠寫在別的文件中 而後在包含進來,好比寫在/usr/local/nginx/vhost/xxx.conf 目錄某文件中 而後在包含進來,能夠包含多個文件 include /usr/local/nginx/vhost/*;
    server {
        listen       80;   虛擬主機的服務端口
        server_name  localhost;   用來指定ip或者域名,多個域名用逗號分開

        #charset koi8-r;

        #access_log logs/host.access.log main;

        location / {                       地址匹配設置,支持正則匹配,也支持條件匹配,這裏是默認請求地址,用戶能夠location命令對nginx進行動態和靜態網頁過濾處理
            root   html;                   虛擬主機的網頁根目錄
            index  index.html index.htm;   默認訪問首頁文件
        }

        #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;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        location ~ \.php$ {   將以php爲後綴的文件轉發到 FastCGI處理. 使用FastCGI默認配置。本地8088端口處理
            fastcgi_pass   http://127.0.0.1:8088;

              fastcgi_index index.php;
              fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
              include        fastcgi_params;
        }
        #靜態文件,nginx本身處理
        location ~ ^/(images|javascript|js|css|flash|media|static)/ {
             root /var/www/public/images;       
             expires 30d;  #緩存時間30天,靜態文件更新很少,過時時間能夠設大一點。
        }
       #配置Nginx狀態的地址
        location /NginxStatus {
          stub_status            on;
          access_log              on;
          auth_basic              "NginxStatus";
          auth_basic_user_file  conf/htpasswd;
        }

       #配置nginx負載均衡的服務器列表
       upstream mysvr {
          #weigth參數表示權值,權值越高被分配到的概率越大
          #本機上的Squid開啓3128端口
          server 192.168.199.1:88 weight=5;
          server 192.168.199.1:80   weight=1;

        }


        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ { 
        # root html;
        # fastcgi_pass 127.0.0.1:9000;
        # fastcgi_index index.php;
        # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
        # include fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        # deny all;
        #}
    }

    #端口轉發 (晚點補上...)

    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    # listen 8000;
    # listen somename:8080;
    # server_name somename alias another.alias;

    # location / {
    # root html;
    # index index.html index.htm;
    # }
    #}


    # HTTPS server
    #
    #server {
    # listen 443 ssl;
    # server_name localhost;

    # ssl_certificate cert.pem;
    # ssl_certificate_key cert.key;

    # ssl_session_cache shared:SSL:1m;
    # ssl_session_timeout 5m;

    # ssl_ciphers HIGH:!aNULL:!MD5;
    # ssl_prefer_server_ciphers on;

    # location / {
    # root html;
    # index index.html index.htm;
    # }
    #}

}
複製代碼

如今來實踐一下

這裏監聽是是80端口,是nginx的默認端口,在配置文件中就添加proxy_pass配置,修改server_name後面的值爲_,保存,重啓nginx讓配置生效,瀏覽器打開輸入服務器ip就會跳轉到到百度首頁。這就是簡單的反向代理實現。

負載均衡

接着以下配置就能夠是一個簡單的負載均衡,默認是輪詢策略,即將請求平分到每臺服務器

部署vue項目

將打包好的vue的dist目錄複製到/home/myblog目錄下

接下來打開nginx的配置文件nginx.conf,修改配置以下

保存退出,重啓nginx,用在瀏覽器用服務器ip或者綁定的域名就可訪問,dist文件下的index.html是不能夠直接用瀏覽器打開訪問的

我的網站:www.panbingwen.cn

相關文章
相關標籤/搜索