針對Nginx作爲靜態資源web服務實戰【詳解】

前言

針對Nginx靜態資源web服務實戰,比較詳細的講解;


CDN靜態資源:

在這裏插入圖片描述

靜態資源web服務_配置語法

  • 配置語法—文件讀取
    在這裏插入圖片描述
  • 引讀:-----with-file-aio 異步文件讀取
  • tcp_nopush 作用:
    sendfile開啓的情況下,提高網絡包的傳輸效率

在這裏插入圖片描述

  • tcp_nodelay
    作用:keepalive鏈接下,提高網絡包的傳輸實時性
    在這裏插入圖片描述
  • 壓縮
    作用: 壓縮傳輸
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 壓縮需要版本
    在這裏插入圖片描述
  • 壓縮模塊
    http_gzip_static_module------預讀gzip功能
    http_gunzip_module----應用支持gunzip的壓縮方式

demo演示

在這裏插入圖片描述

  • 編輯
    在這裏插入圖片描述
    進行正則匹配,我們location
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 關閉我們所有gzip
    在這裏插入圖片描述
  • 重新加載我們的配置文件
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 瀏覽器訪問
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 開啓我們的壓縮,進行訪問:
    在這裏插入圖片描述
  • 重新加載
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 針對文本文件進行壓縮
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 重新加載配置文件
    在這裏插入圖片描述
  • 瀏覽器打開請求
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 打開壓縮配置
    在這裏插入圖片描述
  • 語法檢測
    在這裏插入圖片描述
  • 重新加載配置文件
    在這裏插入圖片描述
  • 瀏覽器訪問
    在這裏插入圖片描述
  • 修改配置文件,打開gzip
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 手動把上面的文件進行壓縮:
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 上面已經通過手動進行壓縮,可以修改配置文件,把配置文件裏面的壓縮開關,關閉
    在這裏插入圖片描述
  • 重新加載
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 打開我們配置文件中:
    在這裏插入圖片描述
  • 每次修改完配置文件,需要重新加載一下下
    在這裏插入圖片描述
    在這裏插入圖片描述

瀏覽器緩存

瀏覽器一般是基於HTTP協議定義的緩存機制。

  • 瀏覽器無緩存加載過程
    在這裏插入圖片描述
  • 客戶端有緩存
    在這裏插入圖片描述
  • 瀏覽器校驗過期的機制
    在這裏插入圖片描述
    【來源網上】
    在這裏插入圖片描述

瀏覽器緩存Demo展示

  • nginx 配置語法 expires
    在頭信息裏面添加Cache-Control,Expires頭
    在這裏插入圖片描述
  • 針對靜態資源過期設置
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 再次刷新
    在這裏插入圖片描述
  • 編輯配置文件
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 重新加載配置文件
    在這裏插入圖片描述
  • 刷新瀏覽器
    在這裏插入圖片描述

跨站訪問

在這裏插入圖片描述

  • 引申: 爲什麼瀏覽器禁止跨域訪問
    不安全,容易出現CSRF攻擊!
    在這裏插入圖片描述
  • nginx解決跨域訪問
    【Access-Control-Allow-Origin】
    在這裏插入圖片描述
  • 配置
    在這裏插入圖片描述
    修改配置文件
    在這裏插入圖片描述
  • 測試
    在這裏插入圖片描述
    再次請求:
    在這裏插入圖片描述
  • 修改配置文件,打開我們跨域訪問的配置
    在這裏插入圖片描述
  • 重新加載,配置文件
    在這裏插入圖片描述
  • 瀏覽器訪問
    在這裏插入圖片描述
  • 修改配置文件- -默認都能訪問,—
    在這裏插入圖片描述

nginx 防盜鏈

  • 基於http_refer防盜鏈配置模塊
    在這裏插入圖片描述
  • 修改配置文件:
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 測試
    在這裏插入圖片描述
  • 修改配置文件
    在這裏插入圖片描述
  • 檢測語法
    在這裏插入圖片描述
  • 重新加載
    在這裏插入圖片描述
  • Linux服務器測試
    在這裏插入圖片描述
  • 返回403,防盜鏈起作用了O(∩_∩)O哈哈~
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章