Okta身份驗證，無法獲取/隱式/回調

我在按照本指南https://developer.okta.com/quickstart/向我的React App添加身份驗證。我已經根據指南設置了所有內容，並從演示預覽網站獲取了id令牌。日誌表示身份驗證成功並返回了一個id令牌。 This是重定向的樣子。Okta身份驗證，無法獲取/隱式/回調

關於重定向，我得到這個錯誤無法在瀏覽器中顯示/隱式/回調。我哪裏做錯了？

這是我的index.js看起來像在陣營：

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模板。

來源

2017-11-11 Salmaan P

我剛剛完成了React Quickstart中的步驟，並且能夠讓所有的東西都能正常工作。你可以在https://github.com/mraible/okta-react-quickstart找到我的項目。 –

我能夠使用create-react-app模板啓動並運行它。對於這個我使用CoreUi https://github.com/mrholek/CoreUI-React/tree/master/React_Starter。似乎無法讓它在那裏運行。如果沒有太多的工作，你可以一目瞭然，看看是否可以在那裏完成。非常感謝！ –

@MattRaible關於如何使用HashRouter而不是BrowserRouter完成此任何想法？ –

這是Webpack的一個問題。在webpack config中設置devServer.historyApiFallback: true和output.publicPath: '/'修復了這個問題。

HashRouter仍然沒有工作，只好使用BrowserRouter。

來源

2017-12-19 22:24:07

Okta身份驗證，無法獲取/隱式/回調

回答

相關問題