博文大綱：
1）靜態(tài)資源類(lèi)型
2）靜態(tài)資源場(chǎng)景
3）靜態(tài)資源配置語(yǔ)法
4）靜態(tài)資源文件壓縮
5）靜態(tài)資源瀏覽器緩存
6）靜態(tài)資源防盜鏈

成都創(chuàng)新互聯(lián)公司主營(yíng)閔行網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,手機(jī)APP定制開(kāi)發(fā),閔行h5成都小程序開(kāi)發(fā)搭建,閔行網(wǎng)站營(yíng)銷(xiāo)推廣歡迎閔行等地區(qū)企業(yè)咨詢(xún)

1）靜態(tài)資源類(lèi)型

Nginx作為靜態(tài)資源web服務(wù)器部署配置，傳輸非常的高效，常常用于靜態(tài)資源處理、請(qǐng)求、動(dòng)靜分離！

非服務(wù)器動(dòng)態(tài)運(yùn)行生成的文件屬于靜態(tài)資源！

2）靜態(tài)資源場(chǎng)景

靜態(tài)資源傳輸延遲最小化！

如圖：

3）靜態(tài)資源配置語(yǔ)法

1）文件讀取高效——>sendfile

Syntax：sendfile on | off ；
Default：sendfile off ；
Context：http、server、location、if in location ；

2）提高網(wǎng)絡(luò)傳輸效率——>nopush

Syntax：tcp_nopush on | off ；
Default：tcp_nopush off ；
Context：http、server、location ；
作用： sendfile開(kāi)啟情況下,  提??絡(luò)包的'傳輸效率'；

3）與 tcp_nopush 之對(duì)應(yīng)的配置 tcp_nodelay

Syntax： tcp_nodelay on  |   off ；
Default：    tcp_nodelay on ；
Context：http,   server, location ；
作?： 在keepalive連接下,提??絡(luò)的傳輸‘實(shí)時(shí)性’；

4）靜態(tài)資源文件壓縮

Nginx 將響應(yīng)報(bào)?發(fā)送?客戶(hù)端之前可以啟?壓縮功能，這能夠有效地節(jié)約帶寬，并提?響應(yīng)?客戶(hù)端的速度。

1）gzip壓縮配置語(yǔ)法

Syntax： gzip    on  |   off ；
Default：    gzip    off ；
Context：    http,   server, location,   if  in  location ；
作?：傳輸壓縮；

2）gzip壓縮比率配置語(yǔ)法

Syntax： gzip_comp_level level ；
Default：    gzip_comp_level 1 ；
Context：    http,   server, location ；
作?：壓縮本身?較耗費(fèi)服務(wù)端性能 ；

3）gzip壓縮協(xié)議版本

Syntax： gzip_http_version   1.0 |   1.1 ；
Default：    gzip_http_version   1.1 ；
Context：    http,   server, location ；
作?： 壓縮使?在http哪個(gè)協(xié)議,  主流版本1.1 ；

4）擴(kuò)展壓縮模塊

Syntax： gzip_static on  |   off |   always ；
Default：    gzip_static off ；
Context：    http,   server, location ；
作?： 預(yù)讀gzip功能 ；

5）圖片壓縮案例

[root@nginx ~]# mkdir -p /soft/code/images
[root@nginx ~]# vim /etc/nginx/conf.d/static_server.conf
server  {
        listen  80;
        server_name  192.168.1.10;
        sendfile on;
        access_log /var/log/nginx/static_access.log main;

        location ~ .*\.(jpg|gif|png)$   {
                gzip on;
                gzip_http_version 1.1;
                gzip_comp_level 2;
                gzip_types text/plain application/json  application/x-javascript app lication/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png;
                root /soft/code/images;
                }
}
[root@nginx ~]# nginx -t
[root@nginx ~]# nginx -s reload 

由于圖片的壓縮效果不是太好，所以這里只附上配置！

6）文件壓縮案例

[root@nginx ~]# mkdir -p /soft/code/doc
[root@nginx ~]# vim /etc/nginx/conf.d/static_server.conf
server  {
        listen  80;
        server_name  192.168.1.10;
        sendfile on;
        access_log /var/log/nginx/static_access.log main;

        location ~ .*\.(txt|xml)$       {
                gzip on;
                gzip_http_version 1.1;
                gzip_comp_level 2;
                gzip_types text/plain application/json  application/x-javascript app lication/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png;
                root /soft/code/doc;
                }
}
[root@nginx ~]# nginx -t
[root@nginx ~]# nginx -s reload 

1）沒(méi)有啟用gzip文件壓縮

2）啟用gzip文件壓縮

5）靜態(tài)資源瀏覽器緩存

HTTP協(xié)議定義的緩存機(jī)制(如: Expires; Cache-control 等)

1）瀏覽器無(wú)緩存

瀏覽器請(qǐng)求——>無(wú)緩存——>請(qǐng)求web服務(wù)器——>請(qǐng)求響應(yīng)——>呈現(xiàn)

2）瀏覽器有緩存

瀏覽器請(qǐng)求->有緩存->校驗(yàn)過(guò)期->是否有更新->呈現(xiàn)
校驗(yàn)是否過(guò)期 Expires HTTP1.0, Cache-Control(max-age) HTTP1.1
協(xié)議中Etag頭信息校驗(yàn) Etag ()
Last-Modified頭信息校驗(yàn) Last-Modified (具體時(shí)間)

1）緩存配置語(yǔ)法expires

Syntax： expires [modified]  time ；
Default：    expires off ；
Context：    http,   server, location,   if in location ；
作?： 添加Cache-Control Expires頭 ；

2）配置靜態(tài)資源緩存

[root@nginx conf.d]# vim static_server.conf 
server  {
        listen  80;  
        server_name  192.168.1.10;
        sendfile on;
        access_log /var/log/nginx/static_access.log main;

        location ~ .*\.(txt|js|css|html)$ {
                root /soft/code/doc;
                expires 1h;
        }
        location ~ .*\.(jpg|gif|png)$ {
                root /soft/code/images;
                expires 7d;
        }
}
[root@nginx conf.d]# nginx -t
[root@nginx conf.d]# nginx -s reload

瀏覽器測(cè)試效果：

3）配置靜態(tài)文件不緩存

[root@nginx conf.d]# vim static_server.conf
server  {
        listen  80;
        server_name  192.168.1.10;
        sendfile on;
        access_log /var/log/nginx/static_access.log main;

        location ~ .*\.(txt|js|css|html)$ {
                root /soft/code/doc;
                add_header Cache-Control no-store;
                add_header Pragma no-cache;
        }
        location ~ .*\.(jpg|gif|png)$ {
                root /soft/code/images;
                expires 7d;
        }
}
[root@nginx conf.d]# nginx -t
[root@nginx conf.d]# nginx -s reload

瀏覽器測(cè)試效果：

6）靜態(tài)資源防盜鏈

盜鏈指的是在??的界?展示不在??服務(wù)器上的內(nèi)容，通過(guò)技術(shù)?段獲得他?服務(wù)器的資源地址，繞過(guò)別?資源展示??，在????向?戶(hù)提供此內(nèi)容，從?減輕??服務(wù)器的負(fù)擔(dān)，因?yàn)檎鎸?shí)的空間和流量來(lái)?別?服務(wù)器；

防盜鏈設(shè)置思路: 區(qū)別哪些請(qǐng)求是?正常?戶(hù)請(qǐng)求；

基于http_refer 防盜鏈配置模塊：

Syntax： valid_referers  none    |   blocked |   server_names    |   string  ...;
Default：    —
Context：    server, location

另一臺(tái)nginx服務(wù)器（初始的情況），編寫(xiě)html文件：

[root@nginx02 conf.d]# vim /usr/share/nginx/html/dl.html

        
        
        
        
        
        
        

[root@nginx02 conf.d]# nginx -t 
[root@nginx02 conf.d]# nginx -s reload

第一臺(tái)服務(wù)正常訪(fǎng)問(wèn)：

第二胎服務(wù)器盜用第一臺(tái)服務(wù)器的圖片：

2）啟用防盜鏈

[root@nginx conf.d]# vim static.conf
server {
        listen 80;
        server_name 192.168.1.10;
        valid_referers none blocked 192.168.1.10;
        location ~ .*\.(jpg|gif|png)$ {
                if ($invalid_referer) {
                        return  403;
                        break;
                }
                root /soft/code/images;
        }
}
[root@nginx conf.d]# nginx -t
[root@nginx conf.d]# nginx -s reload

再次訪(fǎng)問(wèn)第二臺(tái)服務(wù)器：

——————————本文到此結(jié)束，感謝閱讀————————