将访问令牌从api传递到其他页面

Question

因此，我目前正在将Spotify API与reactJS结合使用，并在登录由Spotify进行身份验证时获取用户的访问令牌，它将重定向到我将其设置为Component =的第一页（“ /”） {家}。但是，我想从该主页转到路径为“ / playlist”的其他页面onClick单击按钮的

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

这是我将URL传递给访问令牌的唯一方法。

这是不好的做法吗？

Answer 1

很难为我理解您的目标，但是如果您只想通过url传递access_token，则可以使用state对用户隐藏令牌

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

然后以另一种方式获取它

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

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