前端開發(fā)用得著的nginx配置(場(chǎng)景)
前端的工作過(guò)程里，本地開發(fā)、提供測(cè)試環(huán)境，總得有個(gè)用著順手的服務(wù)器軟件，這個(gè)場(chǎng)景里nginx很流行。
介紹兩個(gè)好用的配置項(xiàng)：rewrite try_files @xxxx
rewrite
比較常見，主要用于將帶版本號(hào)的靜態(tài)文件路徑替換成本地文件路徑
例如人人網(wǎng)發(fā)布文件路徑里面包含一個(gè)a0000的版本號(hào)，通過(guò)下面這句配置就能將http://xnimg.cn/a0001/js/base.js換成http://xnimg.cn/js/base.js直接影射到本地目錄結(jié)構(gòu)中。
rewrite "^/a?([0-9]+)/(.*)" /$2 last;
try_files
嘗試在本地的多個(gè)路徑中查找需要的文件，如果依然沒(méi)找到才會(huì)返回404。下面配合@xxx配置實(shí)現(xiàn)一個(gè)更方便的功能。
location @xxx
這樣定義了一個(gè)可以供其他配置調(diào)用的“請(qǐng)求處理方法”（handler），結(jié)合try_files如果本地沒(méi)找到自動(dòng)去線上取回指定文件。
if ( $document_uri ~*"^/[ab]?([0-9]+)/(.*)"){
set $no_version_path /$2;
}
location / {
try_files $document_uri $no_version_path =404;
error_page 404 = @online;
log_not_found off;
}
location @online{
proxy_pass http://$host:80/$request_uri
}
第一個(gè)if語(yǔ)句是一個(gè)匹配，把$2第二個(gè)分組值（去掉版本號(hào)的路徑）保存到變量$no_version_path;
try_files的順序：有版本號(hào)的路徑、沒(méi)有版本號(hào)的路徑、如果404 調(diào)用@online；
@online中用$host,$request_uri這兩個(gè)nginx變量拼出請(qǐng)求的文件路徑直接代理請(qǐng)求到線上。
這樣配置的服務(wù)器，只需要在本地存放你所關(guān)心的幾個(gè)靜態(tài)文件，其他不需要調(diào)試的文件全部代理到線上，省得每次花時(shí)間更新自己不關(guān)心的工程代碼。
相關(guān)文章
這篇文章主要介紹了Nginx正向代理與Nginx反向代理的區(qū)別，比較易懂,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了nginx 配置跨域失效修復(fù)的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
一個(gè)Nginx實(shí)現(xiàn)部署多個(gè)不同的項(xiàng)目方式
這篇文章主要介紹了一個(gè)Nginx實(shí)現(xiàn)部署多個(gè)不同的項(xiàng)目方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家詳細(xì)介紹了nginx如何配置解決跨域訪問(wèn)的方法,文中的示例代碼講解詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
nginx日志中添加請(qǐng)求的response日志（推薦）
這篇文章主要介紹了nginx日志中添加請(qǐng)求的response日志,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-05-05
nginx 配置location匹配規(guī)則實(shí)例講解
在本篇文章里小編給大家整理的是關(guān)于nginx 配置location匹配規(guī)則實(shí)例講解內(nèi)容，需要的朋友們學(xué)習(xí)下。2020-03-03
nginx限制ip訪問(wèn)頻率的實(shí)現(xiàn)示例
Nginx通過(guò)limit_conn_zone 和 limit_req_zone對(duì)同一個(gè)IP地址進(jìn)行限速限流,本文主要介紹了nginx限制ip訪問(wèn)頻率的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
nginx?gzip?動(dòng)態(tài)靜態(tài)壓縮詳解
這篇文章主要為大家介紹了nginx?gzip?動(dòng)態(tài)靜態(tài)壓縮實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
詳解Nginx之Location配置(Location匹配順序)
這篇文章主要介紹了詳解Nginx之Location配置(Location匹配順序)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
本文主要介紹了Nginx Proxy緩存的具體實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-08-08