#### 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' /> ```