nginx部署react應用,重新整理路由報404

2021-09-11 02:38:44 字數 379 閱讀 4854

nginx部署react單頁應用時,如果跳轉到某乙個路由,然後重新整理當前路由,會報404.

個人認為:react為單頁應用,載入頁面靠路由,而路由不是真實的路徑,要靠js找頁面。而重新整理路由後,按當前路徑去nginx載入頁面當然載入不到。如當前專案路徑為上的配置為:

server 

}

當請求時,會到nginx下面找到該路徑,然後載入index.html。現在切換到路由/home,重新整理頁面後,實際請求的是***目錄下home專案裡的index.html。如此,就報404了。

正確配置如下,包括80和443的配置:

server 

}server

}

nginx 上部署react專案

1 npm run build 構建成功之後,會生成乙個dist資料夾,這個資料夾裡的靜態檔案,就是我們的專案訪問檔案了。2 nginx.conf server location assets error page 500 502 503 504 500.html client max body s...

CentOS下Nginx部署React靜態應用

檢視centos版本 cat etc redhat release 安裝nginx yum install nginx 檢視nginx版本 nginx v 啟動nginx systemctl start nginx nginx預設發布目錄 cd usr share nginx 由於是單頁應用虛擬路由...

Nginx部署及綜合應用

nginx是一款輕量級的http伺服器軟體,由俄羅斯的igor sysoev開發。它能夠支援高達50000個併發連線數的響應,擁有強大的靜態資源處理能力,執行穩定,並且系統資源消耗非常低,現已逐漸被越來越多的使用者認可,目前很多大型 都應用nginx伺服器作為後端 程式的反向 及負載均衡器,來提公升...