快捷導(dǎo)航

Nginx訪(fǎng)問(wèn)靜態(tài)資源配置的實(shí)現(xiàn)步驟

更新時(shí)間：2023年09月20日 15:13:40 作者：劃]破

Nginx 擅長(zhǎng)于底層服務(wù)器端資源的處理,例如靜態(tài)資源處理轉(zhuǎn)發(fā)、反向代理,負(fù)載均衡等,本文主要介紹了Nginx訪(fǎng)問(wèn)靜態(tài)資源配置的實(shí)現(xiàn)步驟,具有一定的參考價(jià)值,感興趣的可以了解一下

Nginx訪(fǎng)問(wèn)靜態(tài)資源配置

關(guān)于 alias和root配置的說(shuō)明：
一般情況下，在nginx配置中的良好習(xí)慣是：
1）在location /中，即路徑為“ / ”時(shí)，配置root目錄；
2）在location /path中，即路徑包含指定內(nèi)容，如“ localtion /imgs ”時(shí)，配置alias虛擬目錄。

1. 配置修改如下：

# 訪(fǎng)問(wèn)靜態(tài)資源：直接配置靜態(tài)資源_絕對(duì)路徑，Docker的話(huà)，需要配置Docker內(nèi)部Nginx的絕對(duì)路徑
#  		配置文件中增加如下內(nèi)容location（配置文件位置：nginx/nginx.conf，
#								新版本配置文件位置：/nginx/conf.d/default.conf）
location /images {
            autoindex on;
      		autoindex_exact_size on;
      		autoindex_localtime on;
      		# Window服務(wù)器，路徑如 D:/images/;    
      		#	***注***：  1. 路徑分隔符為 / 或 \\ ,而非 \
      		#				2. 使用alias，最后的" / " 不能缺少 
      		alias	/home/nginx-1.22.0/images/;  # 絕對(duì)路徑  [ docker需要配置容器內(nèi)絕對(duì)路徑 ]
        }

2. 配置相關(guān)屬性說(shuō)明

nginx默認(rèn)是不允許列出整個(gè)目錄的，如需開(kāi)啟，使用下方三個(gè)配置項(xiàng)：

autoindex on; 開(kāi)啟目錄列表訪(fǎng)問(wèn)，這樣瀏覽器可以直接訪(fǎng)問(wèn)根路徑，列出文件列表，和Ftp效果類(lèi)似
autoindex_exact_size on; 顯示出文件的確切大小，單位是bytes。
- 改為off后，顯示出文件的大概大小，單位是kB或者M(jìn)B或者GB
autoindex_localtime on;
- 默認(rèn)為off，顯示的文件時(shí)間為GMT時(shí)間。
- 改為on后，顯示的文件時(shí)間為文件的服務(wù)器時(shí)間

3. 實(shí)例【靜態(tài)資源–圖片】，并開(kāi)啟路徑目錄列表：

1. 在/home/nginx-1.22.0文件夾下創(chuàng)建images文件夾[可隨意路徑]，放入圖片: MyIndex.jpg
2. 修改nginx.conf配置文件【路徑千萬(wàn)別找錯(cuò)了】
如 路徑：	/usr/local/nginx/conf/nginx.conf    或   D:/images/;
3. 新增一個(gè)圖片資源路徑訪(fǎng)問(wèn)location：
	location /images {
            autoindex on;
      		autoindex_exact_size on;
      		autoindex_localtime on;
      		alias	/home/nginx-1.22.0/images/;   # 最后的" / " 不能缺少 
      		# alias	F:\\PHP\\upload;
        }

4. location中的root和alias參數(shù)說(shuō)明：

alias和root區(qū)別：
1）alias指定的目錄是準(zhǔn)確的，Nginx訪(fǎng)問(wèn)該location時(shí)，資源路徑即alias指定的跟路徑；
2）root指定的目錄是location匹配訪(fǎng)問(wèn)的path目錄的上一級(jí)目錄
	# 如 location /imgs/，   root配置為 /code/front/dist
	#		那么，文件的路徑存在在：  /code/front/dist/imgs/
3）使用alias標(biāo)簽的目錄塊中不能使用rewrite的break（具體原因不明）；
	另外，alias指定的目錄后面必須要加上 “ / ” 符號(hào)?。?！
4）root目錄配置中，location匹配的path目錄后面帶不帶"/"，都不會(huì)影響訪(fǎng)問(wèn)。
所以，一般情況下，在nginx配置中的良好習(xí)慣是：
1）在location /中配置root目錄；
2）在location /path中配置alias虛擬目錄。

# 假設(shè)項(xiàng)目文件夾：code ， 靜態(tài)文件的位置：/code/front/dist/
#		如下使用root配置，會(huì)訪(fǎng)問(wèn)不到，報(bào)404之類(lèi)的：
	location ^~ /static/ {
		# 這里使用root的話(huà)，相當(dāng)于 文件的路徑為 /data/zfy_home/code/front/dist/static/
        # 	root配置無(wú)效
        root /data/zfy_home/code/front/dist/;   
		# 有效配置：
		alias /data/zfy_home/code/front/dist/;  # 使用alias時(shí)， 最后的" / " 不能缺少 
    } 
Or 
	location / {
		# 這里直接使用root配置全路徑即可
		#		root配置有效
        root /data/zfy_home/code/front/dist/;   
		# 		location后跟" / "時(shí)，建議直接使用root了，alias多此一舉了感覺(jué)
		alias /data/zfy_home/code/front/dist/;  # 使用alias時(shí)， 最后的" / " 不能缺少 
    }

到此這篇關(guān)于Nginx訪(fǎng)問(wèn)靜態(tài)資源配置的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)Nginx訪(fǎng)問(wèn)靜態(tài)資源配置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: