react BrowserRouter情况的配置，部署指定路径出现页面空白

解决办法

1、 修改package.json,修改webpack打包资源路径

{
  "name": "react-template",
  "version": "0.1.0",
  ... // 省略上面的部分配置
  "homepage": "/long-blog（你的部署文件夹）", // 添加内容
    ...
}

2、 路由添加解析的跟路径: basename=’/long-blog/’（你的部署文件夹）

import React from 'react'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import Login from '../views/Login'
export default function AppRouter() {
  return (
    <Router basename='/long-blog/'>
      <Switch>
        <Route exact path='/' component={ Login }></Route>
      </Switch>
    </Router>
  )
}