說到nginx，不得不說真的很強大，也帶來很多便利用於解決一些頭疼的難題。

  一般來說可以用來做：靜態頁面的伺服器、靜態檔案快取伺服器、網站反向代理、負載均衡伺服器等等，而且實現這一切，基本只需要改改那萬能的配置檔案即可。

之前的博文記錄了作為負載均衡。這裡先記錄一下作為靜態頁面的伺服器和反向代理跨域的使用。

一.靜態頁面伺服器

nginx.conf 的配置（其實預設的也是如此，所以作為靜態伺服器只需要將靜態檔案移動到nginx下的html資料夾裡就可以了）

server {
      listen       8094; #監聽埠
      server_name  localhost; #

      #charset koi8-r;

      #access_log  logs/host.access.log  main;

     location / {
          root   html;#檔案根目錄
          index  index.html index.htm;#預設起始頁
      }

        }

然後開啟瀏覽器 輸入 localhost:8094 即可

就是這麼簡單

二.反向代理伺服器-》跨域

之前我們跨域是藉助了瀏覽器對 Access-Control-Allow-Origin 的支援。但有些瀏覽器是不支援的，所以這並非是最佳方案

現在我們來利用nginx 通過反向代理 滿足瀏覽器的同源策略實現跨域

首先，我先註釋掉之前的跨域設定

然後訪問一下index1.html

提示了跨域問題

然後我們回到nginx.conf 配置一個反向代理路徑（新增紅色部分）

server {
        listen       8094;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

       location / {
            root   html;
            index  index.html index.htm;
        }
        location /apis {
    rewrite  ^.+apis/?(.*)$ /$1 break;
    include  uwsgi_params;
       proxy_pass   http://localhost:1894;
       }
 

}

配置說明：配置一個/apis  重寫到我們真正的api地址http://localhost:1894  形成一個代理的過程。

然後更改一下index1.html的api請求地址

這樣這個api的地址就跟當前頁面index1.html處於同源位置了。就是我們配置的nginx監聽地址 localhost:8094

然後我們再次在瀏覽器中訪問 index1.html   可能請求到的知識快取頁面 請清除快取或重啟nginx