Question

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

在重定向上，我收到此错误：浏览器中显示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的一个问题。在webpack配置中设置devServer.historyApiFallback: true和output.publicPath: '/'修复了问题。

HashRouter仍然无法正常工作，不得不使用BrowserRouter。

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

1 个答案: