Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript react路由器中的浏览器历史记录_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript 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

为什么我在我的React应用程序中使用
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')
);