Question

Auth0重定向到http://localhost:3000/callback#/acccess-token=dxy

我的反应应用程序中出现了一个空白屏幕。

继承我的主要app.js

＆＃13;

render((
    <HashRouter>
        <Main />        
    </HashRouter>
), $('#app')[0]);

＆＃13;

我的主要包含我的routes.js组件。

＆＃13;

class Routes extends Component {
    constructor(props, context) {
        super(props, context);

        this.state = { mainData: this.props.mainData };

        this.handleAuthentication = this.handleAuthentication.bind(this)
    }

    componentWillReceiveProps(newProps) {
        this.setState((previousState) => update(previousState, {
            mainData: { $set: newProps.mainData },
        }));
    }

    handleAuthentication(nextState, replace) {
        if (/access_token|id_token|error/.test(nextState.location.hash)) {
            this.props.auth.handleAuthentication();
        }
    }

    render() {
        return (
            <div>
          

                <Switch>

                  <Route path='/callback' render={props => {

                    this.handleAuthentication(props);

                    return <Callback {...props} />
                }} />
 
                    <Route exact path='/' render={props => (
                        <Dashboard changeAppBar={this.props.changeAppBar} userProfile={this.state.mainData.userProfile} windowHeight={this.props.wh} windowWidth={this.props.ww} />)}
                    />

                    <Route path='/settings' render={props => (
                        <Settings changeAppBar={this.props.changeAppBar} userProfile={this.state.mainData.userProfile} />)}
                    />





                </Switch>


            </div>
        );
    }
}

export default Routes;

＆＃13;

继承我的auth0初始

＆＃13;

    this.auth0 = new auth0.WebAuth({
      clientID: 'oiEjW4Mf6Ju4BvRfHeuObQnMbghKs38g',
      domain: 'cryptok1ng.auth0.com',
      responseType: 'token id_token',
      redirectUri: 'http://localhost:3000/callback'
    })

＆＃13;

一切正常，直到我从auth0重定向回到/回调。根本找不到屏幕/路线并且什么都不做。

控制台的屏幕截图。 / callback breakpoint永远不会被命中。

感谢您提供任何帮助，我一直在浏览文档和答案都无济于事。

Answer 1

我假设您在Auth0前端客户端配置＆gt;您已将回调URi添加为http://localhost:3000/callback并保存。

并且在您的callback.html文件中，您添加了一些标记，以便在令牌正确验证后显示某些内容。

如果一切正常，您仍然会出现空白错误。请发布您的控制台屏幕截图以查看。

为什么我的Auth0找不到我的回调路线？

1 个答案: