не удалось создать вложенные маршруты с входом в систему okta react

Я новичок в реагировании и использую 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>
  );
}

здесь В компоненте боковой панели я не могу создать вложенный маршрут

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

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

ошибка: SecurityError: не удалось выполнить «pushState» для «Истории»: объект состояния истории с URL-адресом «http://projects/' нельзя создавать в документе с источником 'http://localhost:3000' и URL 'http://localhost:3000/'.


reactjs okta
person Mounika Kommuri    schedule 22.01.2020    source источник
comment
Не могли бы вы создать проект с похожим сценарием, например, в CodeSandbox? С этим мы могли бы помочь вам лучше :)   -  person frangaliana    schedule 22.01.2020
comment
developer.okta.com/code/react/okta_react я просто выполнил эти шаги в документация .здесь внутри безопасного маршрута, как создать другой маршрут как вложенный маршрут.спасибо   -  person Mounika Kommuri    schedule 22.01.2020

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите создать свой маршрут с помощью /projects, просто добавьте свой путь в Route

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

И вы можете получить доступ к своему маршруту, например

<Link to='/projects' >Projects</Link>
person Prakash Karena    schedule 22.01.2020
comment
попробуйте узнать больше о реагирующем маршрутизаторе reacttraining.com/react-router/web/guides /быстрый старт - person Prakash Karena; 22.01.2020
comment
если у вас все еще есть какие-либо проблемы, дайте мне знать - person Prakash Karena; 22.01.2020
comment
он ничего не загружает. Приходит пустая страница. - person Mounika Kommuri; 22.01.2020
comment
Вы добавили свой маршрут в свой основной маршрутизатор? - person Prakash Karena; 22.01.2020
comment
Я хочу, чтобы этот вид компонента отображался в компоненте панели инструментов в качестве подкомпонента. Если я добавлю в основной маршрутизатор, он переопределяет страницу панели инструментов и также не будет безопасным. - person Mounika Kommuri; 22.01.2020