Auth0 React JS Token EndPoint 在每次路由更改和页面重新加载时被调用

Question

每次我尝试在新的 React js 项目中使用 Auth0 SDK 时，它都会给我这个问题。过去，我通常使用他们现成的 React js 示例来规避这个问题。这次我不能使用那个样本，所以试图获得一些帮助。

成功登录后，在每次路由更改时，都会对令牌端点进行网络调用，并生成一个新令牌并由应用程序接收。每次。该应用程序不会提示登录。它已经知道用户已登录。它只是继续并请求新令牌。

这是它的外观照片。所有这些 activity 不到一分钟。

我在 SDK Github 回购这里提出了一个问题 - https://github.com/auth0/auth0-react/issues/181

此外，我已经按照此处提供的步骤配置了 SDK。 https://github.com/auth0/auth0-react#getting-started

按照入门指南，我需要做的就是将我的应用程序包装在他们的组件中。这是我的索引文件，带包装。

ReactDOM.render(
  <Auth0Provider
    domain={config.domain}
    clientId={config.clientId}
    audience={config.audience}
    redirectUri={window.location.origin}
    onRedirectCallback={onRedirectCallback}
    scope={config.scope}
  >
    <React.StrictMode>
      <App />
    </React.StrictMode>,
  </Auth0Provider>,
  document.getElementById('root')
);

奇怪的是 React 示例运行得很好，我已经将该示例的所有可能设置与我的项目进行了比较，但没有什么特别之处。 React 示例配置为使用完全相同的服务器，并且 运行 在同一台计算机和浏览器上。

Answer 1

我提出的 pull request，其中一位 auth0 开发人员为我提供了解决方案。

从拉取请求中引用 Auth0 开发人员，

“问题是当您单击

所以，这就是问题所在。我不小心（刚开始接触 js）编写了调用令牌调用的代码。

解决方案，也引用了 Auth0 开发人员，

import { Link } from 'react-router-dom';

const Home = () => {
  //...
  <Button tag={Link} to="/about" color="primary" size="sm">about</Button>
  // ...
}

此处有更多详细信息 - https://github.com/auth0/auth0-react/issues/181