我的生產服務器緩慢加載創建反應應用程序

我試圖通過谷歌搜索這個問題。但對我沒有幫助。我有一個create-react-app的演示。運行它在本地主機（npm start），即正常工作時瀏覽器禁用cache.for例如： localhost 我的生產服務器緩慢加載創建反應應用程序

的步驟是在localhost.then scp -r build server:/home/deploy/app/ .RUN它由nginx的運行npm run build。然後打開瀏覽器運行，初始化或緩慢刷新時也禁用緩存。例如： server

你可以找到加載500KB js文件需要15秒的服務器。

我想這是一個帶寬的關係。我的服務器帶寬是1M/s，但我不確定。

ps：對不起，我忘了聲明具體的環境，但我做了這些步驟。

來源

2017-09-29 xiaozhu

我認爲我的部署沒有問題。 1.在本地主機上運行'npm run build'。 2. scp -r build server：/ home/deploy/app /' 3. [運行nginx。]（https://www.peterbe.com/plog/how-to-deploy-a-create -react-app）我嘗試通過瀏覽器打開它，js文件加載得太慢。 ps：爲什麼我不在服務器中運行'npm run build'。因爲在服務器上運行速度太慢。 – xiaozhu

任何跨站點問題或死鏈接？也許一個死的js鏈接指向你的本地系統或缺少一個favicon可能會減慢一些事情 – efkah

我被允許csrf並沒有任何favicon的錯誤。 – xiaozhu

如果你在生產中運行這個，我不會建議你在服務器上運行帶有npm start的web應用程序。

一個更好的解決辦法是運行npm run-script build由你會得到這樣的迴應：

Creating an optimized production build... 
Compiled successfully. 

File sizes after gzip: 

    48.12 KB build/static/js/main.9fdf0e48.js 
    288 B  build/static/css/main.cacbacc7.css 

The project was built assuming it is hosted at the server root. 
To override this, specify the homepage in your package.json. 
For example, add this to build it for GitHub Pages: 

    "homepage" : "http://myname.github.io/myapp", 

The build folder is ready to be deployed. 
You may serve it with a static server: 

    sudo npm install -g serve 
    serve -s build

你既可以做serve -s build或設置nginx的IIS或Apache來提供文件服務（它只是HTML ，css和js）。你也可以使用Github Pages來託管它。

來源

2017-09-29 09:20:44

謝謝你的回覆。我是由nginx運行的。 [鏈接]（https://www.peterbe.com/plog/how-to-deploy-a-create-react-app）。 – xiaozhu

@xiaozhu如果你可以爲正確的答案投票，這將是可愛的。 –

我想這樣做，兩個答案也許是正確的，但這對我沒有幫助。我會等待最有價值的答案。如果沒有人回答，我會給你，請等待大約半個月。 – xiaozhu

您是否缺少構建步驟？

如果是，請嘗試npm run build或yarn build。它會將您應用的優化版本輸出到./build目錄。然後，您可以使用nginx或其他服務器設置將其託管在您的服務器上。這裏更多的信息：official docs

當你npm start NPM啓動您的應用程序的開發版本。它包含一些調試代碼，錯誤檢查和實時刷新。

來源

2017-09-29 09:14:46 Dsalin

感謝您的回覆。我是由nginx運行的。[像這樣]（https://www.peterbe.com/plog/how-to-deploy-a-create-react-app） – xiaozhu

我的生產服務器緩慢加載創建反應應用程序

回答

相關問題