如何將我的React App部署到FTP

Question

我使用create-react-app設置了所有內容。

我能夠快速獲得它的實時版本。

現在，我想將其添加到Bluehost托管的個人網站中。

我需要使用FTP客戶端上傳它。

https://codingforkids.us/projects/joesprojects/ravenous/

這是運行npm run build並將build文件夾的內容放入FTP客戶端的結果。 頁面為空白。

這是Surge上的應用程序： http : //ambiguous-afternoon.surge.sh/

Answer 1

您嘗試伺服的css，js檔案有多個404。 確保文件在主機上可用，以及是否可以靜態提供文件。

Answer 2

最可能的問題是，在進行構建之前，需要將.htaccess文件添加到公共目錄中。

查看關於部署的React文章

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

還要確保已在manifest.json中設置了URL（也在公共場所）

您可能還需要對網站進行硬刷新。