react部署之頁面空白


react部署之頁面空白

問題:create-react-app build打包后,頁面出現空白。

可能一:

控制台報錯,js等文件找不到(404)

文件路徑問題,只需修改package.json文件,添加

"homepage":".",

位置:

可能二:

如果添加后沒有報錯,但還是頁面空白。可嘗試將文件部署在服務器根目錄上,如果根目錄可以打開,即可能是服務代理問題

檢查BrowserRouter的basename屬性

<BrowserRouter basename='/myDemos/build/'>
           <Switch>
                   <Route path="/" component={HomeRoute}/>
            </Switch>
</BrowserRouter>

該屬性設置靜態部署路徑,如上代碼中build文件夾下放置打包好的文件

本項目使用BrowserRouter,如使用hashrouter請自行百度

 

 

鑽研不易,轉載請注明出處...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM