使用browserHistory的React路由器会在每次更改URL时转到服务器

Question

我做的事情如下:

<Router history={browserHistory}>{routes}</Router>

当我在上面的地址栏中的URL更改时,调用将转到服务器,但这不是我想要的,我希望第一次从服务器加载页面,但之后只要路由更改组件只在客户端加载.我在这里错过了什么吗？

在客户端我做的事情如下:

ReactDOM.render(
<Provider store={app.store}>
    <Router history={browserHistory}>{routes}</Router>
</Provider>,
document.getElementById('app'));

我的路线看起来像:

const routes = <Route path="/" component={DJSAppContainer}>
<Route path="page" component={DJSPage}>
<Route path="/page/:pageName" component={PageContainer}/>
</Route>
</Route>;

现在每当我做location.href ="/ page/xyz"时,它都会转到服务器并加载内容.

Answer 1

你不应该location.href直接改变.您应该path使用以下命令将新内容发送给React:

ReactRouter.browserHistory.push(newPath);

如果你有锚标签,你应该使用<Link>@ ahutch的答案中提到的组件.