Okta 身份验证，无法获取 /implicit/callback

Question

我正在按照本指南进行操作 https://developer.okta.com/quickstart/ to add authentication to my React App. I've set everything as per the guide, and I get the id token from the demo preview site. The log says the authentication is successful and provides an id token back. 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 身份验证，无法获取 /implicit/callback

Okta Authentication, Cannot GET /implicit/callback

reactjs

authentication

oauth

okta