首页 文章

如何在反应路由器中使用HistoryLocation？

提问于
浏览 次
4

我正在尝试使用具有历史位置的路线，因为我不想在我的网址中使用＃，我想要正常工作，我一直在尝试一切，每次我得到相同的错误“不能GET / loginpro” . 我不明白这些地点是如何运作的，这是我的代码

'use strict';
var React = require('react');
var Router = require('react-router'); // or var Router = ReactRouter; in browsers
var DefaultRoute = Router.DefaultRoute;
var Route = Router.Route;
var Cliente = require('./FormClientRegister');
var Login = require('./LoginProgresar');
var Contract = require('./FormContractRegister');

var routes =(<Route name="loginpro" path="/loginpro" handler={Login}/>);

Router.run(routes,Router.HistoryLocation,function (Handler) {
    React.render(<Handler />, document.getElementById('content'));
});

我正在使用反应js 0.13.3与webpack，grunt js，karma，jshintrc，chrome作为浏览器，我用yeoman的反应js生成器构建项目

我在localhost中运行我的应用程序，如下所示：http://localhost:8000/loginpro

reactjs react-router

1 回答

  • 4

    如果您要求're using the webpack dev server, you need to configure it to serve up your app for any URL that'，而不仅仅是 / .

    根据react-hot-loader troubleshooting docs，这应该是将 historyApiFallback: true 添加到开发服务器配置的情况 .

    This react-router issue对此有更多的讨论，包括人们使用的不同配置 .

    回复于

相关问题