nginx渲染動態頁面實現前後端分離

2021-10-01 04:33:00 字數 1433 閱讀 9419

之前偶然聽人提起使用nginx渲染頁面而不是使用freemarker渲染，有些不理解nginx是如何渲染的，於是做了乙個簡單的嘗試。以下是本次嘗試的demo。
服務端就是乙個正常的spring介面

@controller


("user"


)@slf4j


public


class


usercontroller


}
前端頁面這裡只是簡單嘗試，所以只是使用了html通過ajax載入動態資料，沒有使用vue等框架

通過增加a/b/c三個配置，實現前後端分離的形式請求頁面載入資料，完成動態頁面渲染

# a.後台服務ip、埠配置


upstream freemarkerapi 


server 


#error_page 404 /404.html;


# redirect server error pages to the static page /50x.html


#error_page 500 502 503 504 /50x.html;


location = /50x.html 


# b.測試使用的頁面，為了方便將頁面放到了html目錄下


location = /username.html 


# c.後台服務訪問路徑**


location ~ ^/freemarker/(.*)$ 


}
經過嘗試，發現所謂的nginx渲染其實就是通過nginx實現前後端分離，而且對於前後端來說沒有特別的變化，各自實現自己的功能即可，資料不是nginx渲染到頁面，只是將請求與響應**到另一方，渲染工作還是由前端實現。

前後端渲染頁面的區別？

我們都知道模板都是需要渲染的，最近在使用react，它是後端渲染的，而angular是前端渲染的。要弄清前後端渲染的區別，先來看看瀏覽器在完整展示乙個頁面前做了哪些工作 載入 根據請求的url進行網域名稱解析，向伺服器發起請求，接收檔案 html js css 圖象等 解析 從html解析出dom ...

nginx實現前後端分離

參考 路徑 nginx conf nginx.conf2.1 設定前端 位置location 2.2 配置後台請求攔截 後台跳轉 攔截所有前端 以 api 開始的請求 到 後端服務 http localhost 8080 backend project name api location api2....

Nginx載入動態頁面（PHP）

lnmp linux，nginx，mysql，php 安裝mariadb 可以理解為mysql的其他版本 yum y install mariadb mariadb server mariadb devel mariadb是客戶端 mariadb server是伺服器安裝 mariadb devel...