Okta身份验证,无法GET /隐式/回调

Question

我正在按照本指南https://developer.okta.com/quickstart/向我的React App添加身份验证.我按照指南设置了所有内容,并从演示预览网站获取了id令牌.日志表明身份验证成功并提供了一个id令牌.这就是重定向的样子.

在重定向上,我收到此错误:Cannot GET /implicit/callback显示在浏览器中.我哪里做错了？

这就是我的index.js在React中的样子:

import { Security, SecureRoute, ImplicitCallback } from '@okta/okta-react';

ReactDOM.render((
  <HashRouter>
    <Switch>
        <Security issuer={config.issuer}
                  client_id={config.clientId}
                  redirect_uri={config.redirect_uri} >
            <Route path='/' exact={true} component={Full}/>
            <Route path='/implicit/callback' component={ImplicitCallback} />
        </Security>
    </Switch>
  </HashRouter>
), document.getElementById('root'));

我认为它可能与HashRouter和CoreUI有关,但我不知道究竟是什么问题,因为我可以使用普通的create-react-app模板运行它.

Answer 1

这是 Webpack 的问题。设置devServer.historyApiFallback: true并output.publicPath: '/'在 webpack 配置中修复了该问题。

HashRouter还是不行，只好使用BrowserRouter。