如何在本地配置roadhog刷新二級路由？

使用browserHistory后dva配置二級路由之后可以正常跳轉到二級路由，但是不能被刷新，刷新就會導致頁面變空白，我在網(wǎng)上找了解決辦法，都是以服務器配置去解決為主，我想在開發(fā)的時候就能夠刷新不變空白，不知道dva中的roadhog應該怎么配置
index.js使用
import createHistory from 'history/createBrowserHistory';
const app = dva({ history: createHistory() });

Main.js
class Main extends React.Component {

render() {
    return (
        <div>
            <div>
                <Link to='/first' >界面1</Link>&nbsp;&nbsp;&nbsp;<Link to='/second' >界面2</Link>
            </div>
            <div>
                <Route path="/" render={() => (
                    <div>
                        <Switch>
                            <Route path='/first' exact component={First} />
                            <Route path='/second' component={Second} />
                            <Route path='/first/three' component={Three} />
                        </Switch>
                    </div>
                )} />
            </div>
        </div>
    );
}

}

First.js
class First extends React.Component {

render() {
    return (
        <div>
            <Link to='/first/three'>跳轉到第三個界面</Link>
        </div>
    );
}

}

Second.js及Three.js
class Second extends React.Component{

render() {
    return(
        <div>第二個界面</div>
    );
}

}

在到達/first/three這個地址之后，刷新該頁面

頁面會消失，求指導