#### 1、問題描述 按如下配置，打包部署到服務器上以后，訪問頁面，JS都能正常加載，頁面白屏，但使用打包后的文件，在本地使用http-server啟動服務，可以正常訪問。 ``` server_host: '192.168.5.16', server_port: process.env.PORT || 8091, project_name: '/bj-keshihua' ``` #### 2、原因分析 部署到服務器以上，JS能正常加載，但沒有執行加載的JS文件，由于部署到服務器以后，可訪問的資源就只有一個HTML文件，通過在HTML中加載JS執行，前端代碼中路由配置如下： ``` {/* 總覽頁 */} <Route path='/home' exact component={Index} /> {/* 執法辦案 */} <Route path='/lawEnfo' exact component={LawEnforcement} /> ``` 由于服務器上并沒有`/home`這樣的資源，匹配不到對應的路徑，導致頁面無法渲染。 #### 3、解決方案 前端路由配置重定向，當匹配不到任何路由時，重定向到默認的路由，加載對應的組件即可。 ``` {/* 總覽頁 */} <Route path='/home' exact component={Index} /> {/* 執法辦案 */} <Route path='/lawEnfo' exact component={LawEnforcement} /> <Redirect to='/home' /> ```