前言：

最近在Nginx上部署Vue項(xiàng)目，同時(shí)還存了一些靜態(tài)資源，但我查了好久都沒找到一篇詳細(xì)介紹路徑配置的文章，因此就根據(jù)我有限的經(jīng)驗(yàn)寫了這篇文章，希望能夠?qū)ψx者有所幫助

詳解server中各部分作用及如何配置

如下圖所示，這是我配置好的一個(gè)server代碼塊，我這里配置了https，所以會比默認(rèn)的多一部分內(nèi)容，如果你只需要配置http，則只需關(guān)注紅色方框的部分即可，下面會按順序講解。

①listen項(xiàng)

用來配置端口號的，常見端口號如 http 是80端口， https 是443端口，如圖所示，可以配置多個(gè)端口，表示通過這些端口都可以請求到。

注意事項(xiàng)：

如果是80端口或443端口，是不需要寫在路徑中的，因?yàn)橥暾窂角暗膆ttp或https就表明了端口；

但如果配置了靜態(tài)資源是其他端口，如 8080 端口，則需要在訪問時(shí)加上端口號才能請求到

例子：

配置文件：

訪問路徑：

②server_name項(xiàng)

如果要配置域名就寫域名，沒有域名就寫localhost，這一項(xiàng)決定了訪問路徑中的協(xié)議和端口之間的內(nèi)容，也就是下圖的內(nèi)容（我這里配置了域名）

如果寫的是localhost，則可以在路徑上通過 部署到的電腦的IP地址 進(jìn)行訪問，就是把上圖的域名替換為ip地址進(jìn)行請求

③location 后的路徑項(xiàng)

這一項(xiàng)決定了訪問路徑的填寫和訪問到的資源路徑兩方面，后者一般需要和第④項(xiàng)結(jié)合著理解，一下還會提及

簡單而言，我推薦的寫法是 “/+你想寫的符號”，如下：

這里的rotograph就是 “你想寫的符號”

而這個(gè)符號決定了訪問路徑，如按上圖，那么我的訪問路徑就是

也就是說這個(gè)符號在訪問路徑中處于端口號的后面，而其所訪問的就是你設(shè)置所指向的資源，第④項(xiàng)會說的。

注意事項(xiàng)：

那么當(dāng)我們不寫符號時(shí)，也就是 location / 這樣，則在訪問路徑的端口號后不需要任何東西就可以訪問到指定的資源，就是通常理解的“首頁”

而如果我們配置了多個(gè)location塊，而其后的符號都是相同的，這時(shí)會遵循長路徑優(yōu)先匹配原則，也就是輸入網(wǎng)址，會優(yōu)先匹配到指定資源路徑更長的那個(gè)

④root 項(xiàng)

這一項(xiàng)填寫的是根路徑，其實(shí)還有另外一項(xiàng)，叫 alias，它們的區(qū)別可以見 root和alias的區(qū)別 這篇文章（不保真）。

這里主要說一下root，它會結(jié)合第③項(xiàng)配置的路徑，從而得到指定要訪問的資源路徑的真實(shí)地址。

例子：

那么，我想通過 http://xxx:端口名/rotograph 這個(gè)路徑來訪問這個(gè)資源怎么辦？

將根路徑設(shè)置成 /usr/show 即可，這里千萬注意不要漏掉前面的 /，寫成 usr/show是不對的。

注意事項(xiàng)：

如果我們在root項(xiàng)中前面沒有寫 /（默認(rèn)的就沒寫），那么會訪問到哪里呢？

其實(shí)Nginx有一個(gè)默認(rèn)站點(diǎn)目錄，一般為 /usr/share/nginx/html ，所以你將默認(rèn)的文件中的html改成這個(gè)路徑，也會返回Nginx的那個(gè)頁面，我猜測，如果不寫 /，那么所有root后的配置路徑在訪問時(shí)都會在前面被拼接一個(gè) /usr/share/nginx/，如下所示：

這個(gè)配置路徑前沒有 / ，那么其訪問的真實(shí)資源地址就是下圖紅框中的地址

所以，如果我們想把項(xiàng)目部署到別的目錄，那么配置root項(xiàng)時(shí)路徑前一定要加 / ！

如下：

這樣配置，就只需將項(xiàng)目部署到如下地址 /webapp/vue1中即可。

⑤index項(xiàng)

這一項(xiàng)最簡單，就是定位到指定資源目錄后，你想展示那個(gè)文件，如我設(shè)置 index.html就展示名為 index.html的文件，我也可以設(shè)置成 pic1.jpg，那么就展示一張圖片

注意事項(xiàng)：

配置到index項(xiàng)的文件是不需要在路徑中寫出的，會自動(dòng)展示，如下：

配置：

訪問效果：

后記

綜上，只要給出想要訪問的資源，那么就很容易配置location塊，只需要將指定資源地址合理劃分就能得到第③項(xiàng)和第④項(xiàng)了，如下：

將紅色框中路徑作為root項(xiàng)，將黃色框中/img作為location后的路徑項(xiàng)，就可以輕松通過 http://ip地址:端口號/img訪問到該目錄啦~

總結(jié)

到此這篇關(guān)于Nginx的.conf文件路徑配置的文章就介紹到這了,更多相關(guān)Nginx .conf文件路徑配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論