Javascript react路由器中的浏览器历史记录
为什么我在我的React应用程序中使用Javascript react路由器中的浏览器历史记录,javascript,reactjs,react-router,Javascript,Reactjs,React Router,为什么我在我的React应用程序中使用browserHistory,它仍然在localhost:3000上提供一个页面,但当它部署时,我会得到一个控制台中没有任何内容的空页面 但是,当我切换到hashHistory时,它在localhost:3000和我的站点上都可以正常运行。为什么会这样 以下代码在我部署时不起作用(使用browserHistory): 从“React”导入React; 从“react Router”导入{Router,Route,IndexRoute,browserHisto
browserHistory
,它仍然在localhost:3000上提供一个页面,但当它部署时,我会得到一个控制台中没有任何内容的空页面
但是,当我切换到hashHistory
时,它在localhost:3000和我的站点上都可以正常运行。为什么会这样
以下代码在我部署时不起作用(使用browserHistory):
从“React”导入React;
从“react Router”导入{Router,Route,IndexRoute,browserHistory};
从“./components/App”导入应用程序;
从“./components/Home”导入Home;
从“./组件/公司”导入公司;
常数路由器=(
)
ReactDOM.render(
路由器,
document.getElementById('root'))
);
我正在使用3.0版的react路由器。首先,您使用的是哪个版本的react路由器?在版本4中,您需要创建BrowserHistory的实例,而不仅仅是传递类
您可能会将空白页作为路由错误的后退页。检查浏览器控制台以获取错误消息。您应该为、
和获得默认路由
您可以用404页来替换空白页,使用<代码> <代码> .<
如果没有这些帮助,请使用更多信息更新问题。请指定您使用的react路由器版本。我使用的是react路由器版本3。实际上,我在控制台中得到一个错误,说找不到资源。我的路线有问题。
import React from 'react';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
import App from './components/App';
import Home from './components/Home';
import Company from './components/Company';
const router = (
<MuiThemeProvider>
<StyleRoot>
<Router history={browserHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="/company" component={Company} />
</Route>
</Router>
</StyleRoot>
</MuiThemeProvider>
)
ReactDOM.render(
router,
document.getElementById('root')
);