前後端分離nginx部署配置

一、nginx部署簡介

1、優點

結合 Nginx 來部署前後端分離項目算是目前的主流方案。一來部署方便,二來通過動靜分離也可以有效提高項目的運行效率。
大家知道我們項目中的資源包含動態資源和靜態資源兩種,其中:動態資源就是那些需要經過容器處理的資源,例如 jsp、freemarker、各種接口等。
靜態資源則是那些不需要經過容器處理,收到客戶端請求就可以直接返回的資源,像 js、css、html 以及各種格式的圖片,都屬於靜態資源。
將動靜資源分開部署,可以有效提高靜態資源的加載速度以及整個系統的運行效率。在前後端分離項目部署中,我們用 Nginx 來做一個反向代理服務器,它既可以代理動態請求,也可以直接提供靜態資源訪問。無論是動態請求還是靜態請求,都是首先到達 Nginx,再從 Nginx 上去查找頁面或接口,這樣,原本存在的所謂跨域問題現在就不存在了。

2、nginx安裝

1、nginx安裝:wget http://nginx.org/download/nginx-1.17.0.tar.gz
2、然後解壓下載的目錄,進入解壓目錄中,在編譯安裝之前,需要安裝兩個依賴:

yum -y install pcre-devel
yum -y install openssl openssl-devel

3、開始編譯安裝:

./configure
make
make install

4、啓動nginx進入 sbin目錄,執行./nginx
5、配置nginx,進入/usr/local/nginx,vi nginx.conf
當然我這裏是按照資源類型來攔截的,即後綴爲 js、css、ico 等的文件,統統都不進行請求分發,直接從本地的root /home/Web/project/vhr/dist/ 目錄下讀取並返回到前端(我們需要將靜態資源文件上傳到 root /home/Web/project/vhr/dist/目錄下)。

3、配置

首先配置上游服務器server 服務器彈性公網地址:8081 ,Nginx監聽80端口,所有的請求都會通過反向代理訪問上游服務器
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章