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请自行百度

 

 

钻研不易，转载请注明出处...