靜態(tài)文件

Nginx以其高性能著稱，常用與做前端反向代理服務(wù)器。同時nginx也是一個高性能的靜態(tài)文件服務(wù)器。通常都會把應(yīng)用的靜態(tài)文件使用nginx處理。

配置nginx的靜態(tài)文件有兩個指令，一個 root 和一個 alias。對于這兩個指令，是否需要在路徑的后面加上斜杠，經(jīng)常容易讓人犯暈，本文通過嘗試不同的匹配規(guī)則，歸納了一個比較通用的配置方式。

基本配置

與Nginx Location Url一文關(guān)于location url配置的實驗一樣，本文也使用vagrant虛擬機里的nginx。其基本配置如下：

/etc/nginx/sites-enabled/pro.conf

server {
    listen 80 default_server;


    server_name localhost;

    access_log /var/log/nginx/pro/access.log;
    error_log /var/log/nginx/pro/error.log;

    error_page 404 /404.html;

    root /vagrant/pro;
    index index.html index.htm;
}

項目的目錄如下：

pro tree
.
├── 403.html
├── 404.html
├── index.html
├── static
│  ├── flask
│  │  └── m.png
│  └── stc.jpg
└── upload
  └── up.png

3 directories, 6 files

分別有兩個靜態(tài)文件夾，一個是static，另外一個是upload。

初識root

root 是指定項目的根目錄，適用與server和location。可以指定多個，如果locaiton沒有指定，會往其外層的server或http中尋找繼承。

訪問http://192.168.33.10/static/stc.jpg 會發(fā)現(xiàn)圖片已經(jīng)返回。我們還尚未配置 location，為啥會正確的找到文件？學習root或者alias指令的時候，最好的辦法是給文件拓展名加上一個字符，使得該文件在硬盤中不存在，那么就能從nginx的error.log中看到nginx尋找文件的方式。

訪問 http://192.168.33.10/static/stc.jpgx，然后查看 /var/log/nginx/pro/error.log文件，可以看到如下的錯誤信息：

2016/09/28 07:41:48 [error] 4416#0: *70 open() "/vagrant/pro/static/stc.jpgx" failed (2: No such file or directory), client: 192.168.33.1, server: localhost, request: "GET /static/stc.jpgx HTTP/1.1", host: "192.168.33.10"

即/vagrant/pro/static/stc.jpgx 文件不存在。的確我們沒有這個文件。如果文件名正確，就能訪問，原因是由于在server中指定了root /vagrant/pro，此時的nginx就在該目錄下尋找文件，而url上的地址，正好和文件的路徑一致

 http://192.168.33.10 /static/stc.jpg 
 /vagrant/pro     /static/stc.jpg

由此可以猜想，nginx中root指令的地址，其實是替換了匹配后的url中的host。

root指令

為了驗證上面的猜想，需要多寫幾個location做實驗。添加一個location配置如下：

location ^~ /static {
  root /vagrant/pro/static;
}

再次訪問http://192.168.33.10/static/stc.jpg，發(fā)現(xiàn)并不能顯示圖片了，查看error.log 返回如下：

2016/09/28 07:48:57 [error] 5978#0: *71 open() "/vagrant/pro/static/static/stc.jpg" failed (2: No such file or directory), client: 192.168.33.1, server: localhost, request: "GET /static/stc.jpg HTTP/1.1", host: "192.168.33.10"

nginx把地址識別成/vargrant/pro/static/static/stc.jpg多了一個static，套用上面的規(guī)則，其組合為192.168.33.10 == /vagrant/pro/static ，url是/static/stc.jpg。置換可以得到/vagrant/pro/static + /static/stc.jpg。與錯誤的error一致。解決方案就是把root中的static去掉，馬上就能訪問圖片了。

既然是那么把文件夾static命名為stc，其結(jié)果又會怎樣？

location ^~ /static {
  root /vagrant/pro;
}

訪問 http://192.168.33.10/static/stc.jpg 得到錯誤：

2016/09/28 07:54:46 [error] 5992#0: *73 open() "/vagrant/pro/static/stc.jpg" failed (2: No such file or directory), client: 192.168.33.1, server: localhost, request: "GET /static/stc.jpg HTTP/1.1", host: "192.168.33.10"

計算路徑/vagrant/pro + /static/stc.jpg， 找不到/vagrant/pro/static/stc.jpg文件，符合之前所說的規(guī)則，嘗試修改location：

location ^~ /stc {
  root /vagrant/pro;
}

因為url變了，訪問http://192.168.33.10/stc/stc.jpg，才能夠找到圖片?，F(xiàn)在把stc文件夾變回static。

root 與 斜杠

很多人會疑惑，路徑最后的斜杠/是否要加呢？location中的static后面的斜杠，和匹配后的url有關(guān)，不再贅述。root中的路徑的斜杠/可以再通過實驗確定。把location配置如下：

location ^~ /static/ {
  root /vagrant/pro/;
}

訪問http://192.168.33.10/static/stc.jpg 一切正常，訪問http://192.168.33.10/static/stc.jpg，error為找不到"/vagrant/pro/static/stc.jpgs"文件。

如果按照root替換host的規(guī)則，那么替換過程為

/vagrant/pro/ + /static/stc.jpg == /vagrant/pro//static/stc.jpg。在*nix系統(tǒng)中， 多個斜杠和一個斜杠是等價的，也就是 /vagrant/pro//static/stc.jpg 與/vagrant/pro/static/stc.jpg一樣。

這樣一來，root路徑后面的斜杠，加與不加效果都一樣。既然如此，肯定有人會想到這么配置：

location ^~ static/ {
  root /vagrant/pro;
}

如果安裝之前上面的即算法，那么應(yīng)該是 /vagrant/pro + static/stc.jpg，相加的應(yīng)該是/vagrant/prostatic/stc.jpg，按理說應(yīng)該是錯誤，可是實際上卻能訪問圖片。咄咄怪事？
如果對前文nginx location的url匹配規(guī)則了解的話，應(yīng)該看出來了其實 ^~ static/并不能匹配。修改 location

location ^~ static/ {
  rewrite ^ http://google.com;
  # root /vagrant/pro;
}

訪問http://192.168.33.10/static/stc.jpg依然可以得到圖片，沒有跳轉(zhuǎn)google，說明并沒有匹配^~ static/。

其實原理也很簡單，還記得我們第一次實驗，當時尚未配置location，也同樣可以返回圖片。沒錯，盡管^~ static/沒有匹配，而外層的server定義了root為/vagrant/pro，因此搜索圖片正常返回，再注釋外層的root，再一次訪問。此時會得到一個404，查看error如下：

2016/09/28 08:18:15 [error] 6227#0: *82 open() "/usr/share/nginx/html/static/stc.jpg" failed (2: No such file or directory), client: 192.168.33.1, server: localhost, request: "GET /static/stc.jpg HTTP/1.1", host: "192.168.33.10"

/usr/share/nginx/html/static/stc.jpg，說明即使沒有指定root，nginx默認也有一個root，/usr/share/nginx/html。當然，這個配置和 ^~ static/沒有關(guān)系。

如果~ static/stc.jpgs? 那么就能命中，此時訪問圖片，依然能夠正確的解析，因此，并不存在 /vagrant/pro + static/stc.jpg這種情況。理解這里的關(guān)鍵是 root替換host，并加上匹配后的url，匹配后的url當然包括前面的斜杠，匹配部分的url則不會。
對于 ~ static/stc.jpgs?模式，訪問urlhttp://192.168.33.10/static/stc.jpg

• 匹配后的url為 /static/stc.jpg
• 匹配部分的url為  static/stc.jpg

掌握這個很重要，直接關(guān)系到后面alias指令與斜杠的關(guān)系。

對于root指令，我們可以歸納。

1. 對于匹配后的url地址，將匹配的location中的root路徑替換訪問url的host即得到文件的真實地址。（多個斜杠其實等價于一個斜杠）
2. 如果不匹配location，則尋找更外層的root做替換。
3. root指令最后的斜杠可加可不加。

alias指令

對于root，操作上很簡單，只要把root地址替換host后就是文件在硬盤路徑（真實地址）。對于alise，它并不是替換匹配后的url地址，而是替換匹配部分的url。alias指令也可以有多個。
添加一個location，和root的方式幾乎一樣：

location ^~ /upload {
  alias /vagrant/pro;
}

訪問http://192.168.33.10/upload/up.png并沒有圖片，查看error得到：

2016/09/28 08:36:18 [error] 6312#0: *90 open() "/vagrant/pro/up.png" failed (2: No such file or directory), client: 192.168.33.1, server: localhost, request: "GET /upload/up.png HTTP/1.1", host: "192.168.33.10"

可見 alias的模式并不是/vagrant/pro + /upload/up.png，而是 /vagrant/pro + /up.png。

alias這個詞在計算機里很常用，字面意思是“別名”，顧名思議就是換一個名字啦。實際替換規(guī)則就是把匹配的url地址，換成alias中的路徑即可。例如上述的例子替換過程可以模擬如下：