无法使用okta创建登录嵌套反应登录 [英] not able to create nested routes with okta react login

问题描述

我是新来的人，正在使用okta react登录.

I am new to react and am using okta react login.

function onAuthRequired({ history }) {
  history.push("/login");
}

function SecureApp() {
  return (
    <Security
      issuer="issuer name"
      client_id="client id name"
      redirect_uri={window.location.origin + "/callback"}
      onAuthRequired={onAuthRequired}
    >
      <div className="App">
        <SecureRoute path="/" exact={true} component={Dashboard} />
        <SecureRoute path="/logout" exact={true} component={Login} />
        <Route path="/login" render={() => <Login baseUrl={api.baseurl} />} />
        <Route path="/callback" component={ImplicitCallback} />
      </div>
    </Security>
  );
}

在此处，我无法在侧边仪表板组件中创建嵌套路线

here In side dashboard component i am not able to create nested route

    `<h1>dashboard</h1>
    <ul>
      <li>
        <Link to={`${match.url}/projects`}>Projects</Link>
      </li>
    </ul>

    <Route path={`${match.path}/projects`} component={Projects} />`

错误: SecurityError:无法在'History'上执行'pushState':具有URL' http://projects/'的历史状态对象不能在源为' http://localhost:3000 '和URL为

error: SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'http://projects/' cannot be created in a document with origin 'http://localhost:3000' and URL 'http://localhost:3000/'.

推荐答案

如果要使用/projects创建路线，只需将路径添加到Route

If you want to create your route with /projects then simply add your path to Route

 <Route path='/projects' component={Projects} />

您可以像

<Link to='/projects' >Projects</Link>

这篇关于无法使用okta创建登录嵌套反应登录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！