React Router似乎在我的路由末尾附加了一个查询。该应用由运行express的节点服务器提供服务。我正在使用最新版本的react-router“ 1.0.0-rc1”
例: http://localhost:8080/#/users?_k=8wsy62
两个问题
1)为什么会这样?
2)如何阻止将查询附加到网址?
这是我到目前为止的代码:
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var Link = ReactRouter.Link;
var IndexRoute = ReactRouter.IndexRoute;
var App = React.createClass({
render: function() {
return (
<div className="app">
<h1>App</h1>
<Link to="/users">Users</Link>
{this.props.children}
</div>
);
}
});
var Home = React.createClass({
render: function() {
return (
<div className="home">
<h2>Home</h2>
</div>
);
}
});
var Users = React.createClass({
render: function() {
return (
<div className="users">
<h2>Users</h2>
</div>
);
}
});
React.render((
<Router>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="users" component={Users} />
</Route>
</Router>
), document.body);
取自此链接:http : //rackt.github.io/history/stable/HashHistoryCaveats.html
HTML5提供了pushState方法和popstate事件,但是在较旧的浏览器中,唯一拥有的就是URL。因此,在使用哈希历史记录时,您会在查询字符串中看到一个类似于_k = 123abc的项。这是历史记录用来在页面加载之间在window.sessionStorage中查找持久状态数据的键。
如果您不喜欢它,可以检查上面的链接和该链接,以获得有关如何阻止此链接的想法:https : //github.com/rackt/react-router/issues/1952#issuecomment-140401701
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句