Reactjs 为什么我无法路由我的应用程序?react-react路由器-redux路由器
我有一个简单的Reactjs 为什么我无法路由我的应用程序?react-react路由器-redux路由器,reactjs,react-router,redux,Reactjs,React Router,Redux,我有一个简单的redux/react应用程序,我只能路由到根/。我正在使用react 0.14,redux 3.0.2,react路由器1.0.0-rc-3和redux-router1.0.0-rx-3。这是我的应用程序: 从“React”导入React; 从“react dom”导入react dom; 从“反应路由器”导入{Route}; 从'react redux'导入{Provider}; 从“redux路由器”导入{ReduxRouter}; 从'/store/lcrf.store.j
redux/react
应用程序,我只能路由到根/
。我正在使用react 0.14
,redux 3.0.2
,react路由器1.0.0-rc-3
和redux-router1.0.0-rx-3
。这是我的应用程序:
从“React”导入React;
从“react dom”导入react dom;
从“反应路由器”导入{Route};
从'react redux'导入{Provider};
从“redux路由器”导入{ReduxRouter};
从'/store/lcrf.store.js'导入存储;
从“./containers/App”导入应用程序;
从“./containers/Test”导入测试;
ReactDOM.render((
),document.getElementById('app');
这是我的应用程序组件:
类应用程序扩展组件{
render(){
返回(
应用程序组件
{this.props.children}
)
}
}
我的Test
组件是一样的,没有this.props.children
类测试扩展组件{
render(){
返回(
试验
)
}
}
导出默认测试;
我正在从express
服务器提供index.html
。这是文件:
var express=require('express');
var-app=express();
var端口=3333;
应用程序使用(express.static('public'));
app.listen(端口,错误=>{
如果(错误){
控制台错误(error);
}否则{
info(`Server正在侦听端口${port}`);
}
})
我的index.html
位于我的public
目录中
当我转到/
时,我看到了我的应用程序
组件,但我无法路由到我的测试
组件。我已经尝试了/test
和#/test
,但它不起作用。什么配置不正确?express
没有处理我的pushState
。我不知道最优雅的方法是什么,但当我补充说:
app.get('*', function(request, response){
response.sendfile('./public/index.html');
});
到我的服务器,然后一切都开始正常工作。我希望听到正确的管理方法。Express不知道pushState(因为它不能直接与浏览器API对话)。使用通配符路由提供index.html是标准方法。