nginx 上部署react專案

2021-09-02 06:18:30 字數 1751 閱讀 1399

1、npm run build

構建成功之後,會生成乙個dist資料夾,這個資料夾裡的靜態檔案,就是我們的專案訪問檔案了。

2、nginx.conf

server 

location ^~ /assets/

error_page 500 502 503 504 /500.html;

client_max_body_size 20m;

keepalive_timeout 10;

}

3、nginx -s reload

4、browserhistory模式

location /
原理,因為我們的專案只有乙個根入口,當輸入類似/home的url時,找不到這個頁面,這時nginx會嘗試載入index.html,載入index.html之後,react-router就能起作用並匹配我們輸入的/home路由,從而顯示正確的home頁面。

1、nginx程序數,一般設定為和cpu核數一樣 

#總核數=物理cpu個數 x 每顆物理cpu的核數

#總邏輯cpu數=總核數 x 超執行緒數

(1)檢視物理cpu個數

cat /proc/cpuinfo| grep "physical id"| sort| uniq| wc -l
(2)檢視每個物理cpu中core的個數(即核數)

cat /proc/cpuinfo| grep "cpu cores"| uniq
(3)檢視邏輯cpu的個數

cat /proc/cpuinfo| grep "processor"| wc -l
worker_processes 2;

2、錯誤日誌存放的目錄

error_log /data1/logs/error.log

3、程序pid存放位置

pid /path

4、工作模式及連線上限

events 

5、開啟高效傳輸模式

sendfile on;

6、連線超時時間,單位是秒

keepalive_timeout 60;
7.開啟gzip壓縮功能

gzip on;
8、負載 upstream

upstream tomcatserver1    

server

}

(1)down

表示當前的server暫是不參與負載

(2)weight

預設為1,越大權重越大

(3)max_fails

允許請求失敗的次數,預設是1,超過最大次數時,返回proxy_next_upstream模組定義的錯誤。

(4)fail_timeout

max_fails次失敗後,暫停的時間

(5)backup

其它所有的非backup機器down或者忙的時候,請求backup機器,所以這台機器壓力會最輕。

如果不指負載方式,預設是輪詢。

使用weight後,是權重方式。

upstream bakend
另外還是fair和url_hash。

在nginx.conf檔案中server中的root一項就是指定的根目錄,設定成我們指定的目錄即可。

nginx伺服器上部署react專案

hh的nginx檔案路徑是 usr local nginx 進入nginx檔案 cd usr local nginx 獲取管理員許可權 sudo su 修改配置檔案 vi nginx.conf 上翻或下翻 使用鍵盤的上下箭頭 最後退出nginx.conf 儲存並退出是 wq 直接退出是 q 不儲存退...

在Nginx上部署ThinkPHP專案教程

前段時間用apache配合tp開發了乙個小型 也算是我使用tp的第一次實戰。我習慣使用pathinfo模式,本地執行一切正常,然而部署到伺服器上時,由於對方使用的是nginx,預設是不支援thinkphp的pathinfo模式,所以導致路徑錯誤,出現了頁面迴圈跳轉的問題,於是就把nginx 下來在本...

如何用nginx在linux上部署專案

1.將專案打包在專案的根目錄輸入命令ng build prod 會在根目錄下生成乙個dist資料夾,就是打包的檔案2.安裝nginx 如果linux伺服器上有則跳過 自行安裝即可3.將打包檔案複製到linux的 usr local ngweb下 4.配置nginx,在conf nginx.conf目...