搜尋
首頁運維NginxNginx動靜分離配置怎麼實現

Nginx動靜分離配置怎麼實現

May 12, 2023 pm 09:25 PM
nginx

一、概述​​

1.1 動態頁面與靜態頁面差異

  • # 靜態資源: 當使用者多次造訪這個資源,資源的原始碼永遠不會改變的資源。

  • 動態資源:當使用者多次存取這個資源,資源的原始程式碼可能會發送變更。

1.2 什麼是動靜分離

  • #動靜分離是讓動態網站裡的動態網頁依照某一規則把不變的資源和常變的資源區分開來,動靜資源做好了拆分以後,我們就可以根據靜態資源的特徵將其做緩存操作,這就是網站靜態化處理的核心思路

  • 動靜分離簡單的概括是:動態文件與靜態文件的分離。

  • 偽靜態:網站如果想被搜尋引擎搜素到,動態頁面靜態技術freemarker等模版引擎技術

1.3 為什麼要用動靜分離

  • 在我們的軟體開發中,有些請求是需要後台處理的(如:.jsp,.do等等),有些請求是不需要經過後台處理的(如:css、html、jpg、js等等文件),這些不需要經過背景處理的文件稱為靜態文件,否則動態文件。因此我們後台處理忽略靜態文件。這會有人又說那我後台忽略靜態檔不就完了嗎。當然這是可以的,但是這樣後台的請求次數就明顯增加了。在我們對資源的反應速度有要求的時候,我們應該使用這種動靜分離的策略來解決。

  • 動靜分離將網站靜態資源(HTML,JavaScript,CSS,img等檔案)與後台應用程式分開部署,提高使用者存取靜態程式碼的速度,降低對後台應用程式存取。這裡我們將靜態資源放到nginx中,動態資源轉送到tomcat伺服器中。

  • 因此,動態資源轉送到tomcat伺服器我們就使用到了前面講到的反向代理了。

二、Nginx實作動靜分離

2.1 架構分析

Nginx動靜分離配置怎麼實現

2.2 設定

#動靜分離的原理很簡單,透過location對請求url進行比對即可,在/Users/Hao/Desktop/Test(任意目錄)下建立 /static/imgs 設定如下:  

###静态资源访问
server {
  listen       80;
  server_name  static.jb51.com;
  location /static/imgs {
       root /Users/Hao/Desktop/Test;
       index  index.html index.htm;
   }
}
###动态资源访问
 server {
  listen       80;
  server_name  www.jb51.com;
    
  location / {
    proxy_pass http://127.0.0.1:8080;
     index  index.html index.htm;
   }
}

別一種按存取資源配置

server {
        listen 80;
        server_name  jb51.net;
        access_log  /data/nginx/logs/jb51.net-access.log main;
        error_log  /data/nginx/logs/jb51.net-error.log;
 
        #动态访问请求转给tomcat应用处理
        location ~ .(jsp|page|do)?$ {      #以这些文件结尾的
           proxy_set_header  Host $host;
           proxy_set_header  X-Real-IP  $remote_addr;
           proxy_pass http://tomcat地址;
        }
 
        #设定访问静态文件直接读取不经过tomcat
        location ~ .*.(htm|html|gif|jpg|jpeg|png|bmp|swf|ioc|rar|zip|txt|flv|mid|doc|ppt|pdf|xls|mp3|wma)$  {     #以这些文件结尾的
           expires      30d;
           root /data/web/html ;
        }
}

三、動靜分離與前後分離區別:

  • ##動靜分離動態資源與靜態資源分離,不會部署在同一台伺服器上。

  • 前後分離:網站架構模式,微服務開發基於

    SOA面向伺服器開發,後台和前端都採用呼叫介面方式。將一個專案拆分成一個控制Web(前端)和介面(後端),最終使用rpc遠端呼叫技術。視圖層與業務邏輯層拆分,中間採用RPC遠端呼叫技術

#四、一些問題

  • 為什麼在網路公司專案中,靜態資源

    url後面會加上一個時間戳?他的作用:控制快取

    • 目的:最終的目的是為了控制專案上線的時候,薪資靜態資源與舊的瀏覽器快取靜態資源避免衝突問題。

    • 解決方法:加上時間戳規格t = 專案上線

  • #304走本機快取狀態碼原則:

    • 預設瀏覽器圖片快取是7天。

    • 第一次下載資源的時候,客戶端保存修改資源時間

    • #第二次下載資源的時候,服務端判斷客戶端上一次修改的時間是否需回傳200還是304

    • 第二次下載資源的時候,服務端判斷目前資源檔案與客戶端上一次修改的時間是否需回傳200還是304客戶端第二次下載資源最後修改時間2018/6/28 下午11:07:11

    • 服務端最後一次修改時間大於客戶端最後一次修改的時間200重新載入資源

    • 伺服器端最後一次修改的時間小於客戶端最後修改的時間回傳304走本機快取

    ##生產環境中js css最後一次的修改時間與客戶端快取的最後一次修改的時間可能會產生
衝突。伺服器在2018年5月22日上線,用戶在2018年6月01日訪問,用戶上線新js檔案在2018年06月5日最後一次修改時間還是保留上次上線時間。所以一般來說在伺服器上線的時候,都會在靜態資源上加上時間戳記 強制最新的資源

以上是Nginx動靜分離配置怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:亿速云。如有侵權,請聯絡admin@php.cn刪除
nginx行動:示例和現實應用程序nginx行動:示例和現實應用程序Apr 17, 2025 am 12:18 AM

NGINX可用於提升網站性能、安全性和可擴展性。 1)作為反向代理和負載均衡器,NGINX可優化後端服務和分擔流量。 2)通過事件驅動和異步架構,NGINX高效處理高並發連接。 3)配置文件允許靈活定義規則,如靜態文件服務和負載均衡。 4)優化建議包括啟用Gzip壓縮、使用緩存和調整worker進程。

NGINX單元:支持不同的編程語言NGINX單元:支持不同的編程語言Apr 16, 2025 am 12:15 AM

NGINXUnit支持多種編程語言,通過模塊化設計實現。 1.加載語言模塊:根據配置文件加載相應模塊。 2.應用啟動:調用語言運行時執行應用代碼。 3.請求處理:將請求轉發給應用實例。 4.響應返回:將處理後的響應返回給客戶端。

在Nginx和Apache之間進行選擇:適合您的需求在Nginx和Apache之間進行選擇:適合您的需求Apr 15, 2025 am 12:04 AM

NGINX和Apache各有優劣,適合不同場景。 1.NGINX適合高並發和低資源消耗場景。 2.Apache適合需要復雜配置和豐富模塊的場景。通過比較它們的核心特性、性能差異和最佳實踐,可以幫助你選擇最適合需求的服務器軟件。

nginx怎麼啟動nginx怎麼啟動Apr 14, 2025 pm 01:06 PM

問題:如何啟動 Nginx?答案:安裝 Nginx啟動 Nginx驗證 Nginx 是否已啟動探索其他啟動選項自動啟動 Nginx

怎麼查看nginx是否啟動怎麼查看nginx是否啟動Apr 14, 2025 pm 01:03 PM

確認 Nginx 是否啟動的方法:1. 使用命令行:systemctl status nginx(Linux/Unix)、netstat -ano | findstr 80(Windows);2. 檢查端口 80 是否開放;3. 查看系統日誌中 Nginx 啟動消息;4. 使用第三方工具,如 Nagios、Zabbix、Icinga。

nginx怎麼關閉nginx怎麼關閉Apr 14, 2025 pm 01:00 PM

要關閉 Nginx 服務,請按以下步驟操作:確定安裝類型:Red Hat/CentOS(systemctl status nginx)或 Debian/Ubuntu(service nginx status)停止服務:Red Hat/CentOS(systemctl stop nginx)或 Debian/Ubuntu(service nginx stop)禁用自動啟動(可選):Red Hat/CentOS(systemctl disable nginx)或 Debian/Ubuntu(syst

nginx在windows中怎麼配置nginx在windows中怎麼配置Apr 14, 2025 pm 12:57 PM

如何在 Windows 中配置 Nginx?安裝 Nginx 並創建虛擬主機配置。修改主配置文件並包含虛擬主機配置。啟動或重新加載 Nginx。測試配置並查看網站。選擇性啟用 SSL 並配置 SSL 證書。選擇性設置防火牆允許 80 和 443 端口流量。

nginx403錯誤怎麼解決nginx403錯誤怎麼解決Apr 14, 2025 pm 12:54 PM

服務器無權訪問所請求的資源,導致 nginx 403 錯誤。解決方法包括:檢查文件權限。檢查 .htaccess 配置。檢查 nginx 配置。配置 SELinux 權限。檢查防火牆規則。排除其他原因,如瀏覽器問題、服務器故障或其他可能的錯誤。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前By尊渡假赌尊渡假赌尊渡假赌

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器