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目...