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

Question

使用browserHistory后dva配置二级路由之后可以正常跳转到二级路由，但是不能被刷新，刷新就会导致页面变空白，我在网上找了解决办法，都是以服务器配置去解决为主，我想在开发的时候就能够刷新不变空白，不知道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这个地址之后，刷新该页面

页面会消失，求指导

Answer 1

将你的二级目录rewrite到index.html中。
配置proxy:

    "/first":{
      "target": "http://localhost:8000/",
      "pathRewrite": { "^/first.*$" : "/index.html" }
    },

建议你二级目录给个统一的标识，比如： /main

Answer 2

请问你解决了嘛？我也遇到这问题，问下你是怎么解决的呀

Answer 3

请问你解决了嘛？我也遇到这问题，问下你是怎么解决的呀

Answer 4

兄嘚，解决了吗？咋解决的