将访问令牌从 api 传递到不同的页面

Question

所以我目前正在将 Spotify API 与 reactJS 一起使用，并在 Spotify 对登录进行身份验证时获取用户的访问令牌，它重定向到我设置的第一个页面，(' /') 的组件={Home}。但是从那个主页，我想路由到另一个页面，路径为“/播放列表”onClick 按钮，我在其中按 url

this.props.history.push('/playlist/#access_tokens=' + spotifyApi.getAccessTokens())

这是我使用传入 URL 的访问令牌获得它的唯一方法。

这是不好的做法吗？

Answer 1

我很难理解你的目标，但如果你想通过 access_token 仅通过 url，你可以使用状态对用户隐藏令牌

this.props.history.push({
  pathname: '/playlist',
  state: {
    accessTokens: spotifyApi.getAccessTokens()
  }
})

然后通过下一种方式获取

const location = useLocation();
const tokens = location.state && location.state.accessTokens;

但我不明白你为什么不将你的令牌传递给任何管理库，如 redux、mobx 或其他浏览器存储（localStorage、sessionStorage）？

Passing Access Token from an api to different pages