在React中实现硬重载

React应用程序加载在主路径上。也就是说,php被配置为加载 index.html /

// ....
<div id="react-hook"></div>

<script>
    const wrapper = document.getElementById("react-hook");
    wrapper ? ReactDOM.render(<BrowserRouter><App /></BrowserRouter>, wrapper) : false;
</script>

(我实际上正在使用Webpack,但这是它的jist)

react-router

const Routes = () => (

    <div>                
        <Route exact path="/" component={Home} />
        <Route path="/login" component={Login} />
        <Route path="/test" component={Test} />
    </div>

)

并用一些链接呈现它们。

<Link to="/>Home</Link>     
<Link to="/login>Login</Link>
<Link to="/test>Test</Link>

.

behavior: /test (hard route) ---> / (soft route)

should be: /test (hard route) ---> /test (soft route)

为React应用程序实现硬重载的正确方法是什么?