一、概述
1.1 動態頁面與靜態頁面差異
# 靜態資源: 當使用者多次造訪這個資源,資源的原始碼永遠不會改變的資源。
動態資源:當使用者多次存取這個資源,資源的原始程式碼可能會發送變更。
1.2 什麼是動靜分離
#動靜分離是讓動態網站裡的動態網頁依照某一規則把不變的資源和常變的資源區分開來,動靜資源做好了拆分以後,我們就可以根據靜態資源的特徵將其做緩存操作,這就是網站靜態化處理的核心思路
動靜分離簡單的概括是:動態文件與靜態文件的分離。
偽靜態:網站如果想被搜尋引擎搜素到,動態頁面靜態技術freemarker等模版引擎技術
1.3 為什麼要用動靜分離
在我們的軟體開發中,有些請求是需要後台處理的(如:.jsp,.do等等),有些請求是不需要經過後台處理的(如:css、html、jpg、js等等文件),這些不需要經過背景處理的文件稱為靜態文件,否則動態文件。因此我們後台處理忽略靜態文件。這會有人又說那我後台忽略靜態檔不就完了嗎。當然這是可以的,但是這樣後台的請求次數就明顯增加了。在我們對資源的反應速度有要求的時候,我們應該使用這種動靜分離的策略來解決。
動靜分離將網站靜態資源(HTML,JavaScript,CSS,img等檔案)與後台應用程式分開部署,提高使用者存取靜態程式碼的速度,降低對後台應用程式存取。這裡我們將靜態資源放到nginx中,動態資源轉送到tomcat伺服器中。
因此,動態資源轉送到tomcat伺服器我們就使用到了前面講到的反向代理了。
二、Nginx實作動靜分離
2.1 架構分析
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走本機快取
以上是Nginx動靜分離配置怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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

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

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

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

要關閉 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

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

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


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

記事本++7.3.1
好用且免費的程式碼編輯器

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

SublimeText3漢化版
中文版,非常好用

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器