React路由器BrowserHistory仍然要求哈希

时间:2018-01-05 21:37:16

标签: laravel reactjs react-router

我最近开始学习反应,但我遇到了一个问题: 我正在使用laravel宅基地为我的服务器和前端我正在使用反应。我必须停止显示哈希标志,所以在我的路由器中我从HashRouter切换到BrowserRouter,如下所示:

import {
    BrowserRouter,
    Switch
} from "react-router-dom";

<BrowserRouter>
                    <div style={styles.content}>
                        <div className="content">
                            <Switch>
                                <Route path="/login/:code/:state" component={Login}/>
                                <Route path="/" component={Login}/>
                            </Switch>
                        </div>
                    </div>
                </BrowserRouter>

但是当我尝试访问/登录时,例如应用程序仍然要求该哈希:/#/ login以访问该组件。关于为什么会发生这种情况的任何想法?谢谢大家的时间!

1 个答案:

答案 0 :(得分:0)

我发现了我的问题: 在我的web.php路线中,我只是在&#39; /&#39;时将用户重定向到我的welcome.blade。路线被访问。我所要做的就是改变它以重定向它而不管路线如何: 以前看起来如何:

Route::get('/', function () {
    return view('welcome');
});

改变之后:

Route::get('{any}', function ($any) {
    return view('welcome');
});

所以我的问题与关于laravel路由的反应没有任何关系。