无法使用 Okta 反应登录创建嵌套路由

Question

我是反应新手，正在使用 okta 反应登录。

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} />`

错误： 安全错误：无法在"历史记录"上执行"pushState"：无法在源为"http://localhost:3000"和 URL "http://localhost:3000/"的文档中创建具有 URL "http://projects/"的历史状态对象。

Answer 1

如果你想用/projects 创建你的路线，那么只需将你的路径添加到 Route

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

您可以像访问您的路线一样

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