2016-11-04 89 views
15

我正在最困難的時間將一個簡單的反應應用程序部署到github頁面。您將一個文件移動到錯誤的目錄,它會拋出整個進程。如何使用create-react-app將反應應用程序部署到github頁面?

我一直在試圖上傳我簡單的反應應用程序到github頁面或heroku大約6個小時了。這是一個單頁應用程序!

是因爲我使用Create-React-App,它還是新的?

我失去了這麼多的動力我明天就有這個項目,我無法部署它。

我一旦運行npm run build,該怎麼辦?

這將我的所有文件放到一個build文件夾中,但瀏覽器仍然不停地給我404錯誤,認爲在初始url路由的「/」之後鍵入的任何內容都是從服務器中查找實際文件。我只想使用在我設置的React路由器中的/作爲路由之後發生的任何事情...... :(

回答

18

Create-react-app有關於如何將構建部署到Github Pages和Heroku的詳細部分。你可以閱讀它here

+0

感謝您的回覆,這是我遵循的確切教程,我認爲它與瀏覽器如何解釋文件有關,例如,我的應用程序使用react-router,當我想要去一個新的路線,即/用戶/ 5 /儀表板,我得到一個錯誤404,因爲我認爲瀏覽器正在尋找根服務器,然後它認爲應該被稱爲用戶的FOLDER,然後一個文件夾裏面叫做5,然後是另一個叫做儀表板的內部。我按照反應教程給TEE和瀏覽器(chrome)仍然保持gi對我錯誤404的。我不知道爲什麼。 – user7024499

+1

React用於前端,因此react-router只提供前端路由解決方案,所以後端不知道路由。 [這個問題和答案](https://stackoverflow.com/questions/28553904/client-routing-using-react-router-and-server-side-routing)非常好地解釋了這些概念。 –

+0

在同一個create-react-app教程部分也有解決方案。您可以切換到在組件中使用hashHistory而不是browserHistory,或者通過重定向到index.html來處理404。 –

相關問題