react打包 npm run build 出現空白頁面

打包部署的路由配置

項目執行npm run build后，將打包后的build文件放到 Nginx 配置中。

如果 react-router 路由 使用了 history 模式（即<BrowserRouter>），那么在 Nginx 配置中必須加上:

location / {
        ··· ···
        try_files $uri /index.html; ··· ··· } }

如果 react-router 路由 使用了 hash 模式(即<HashRouter>)，那么在 Nginx 中不需要上面的配置。

 

出現空白頁面時只要把路徑的BrowserRouter改成HashRouter即可