Spotify API：无法使用隐式授权流的访问令牌

Question

我使用隐式授权流将Spotify API与AngularJS结合使用，但我不能使用access_token。

我以这种方式实现了隐性拨款流：

const hash = window.location.hash
.substring(1)
.split('&')
.reduce(function (initial, item) {
  if (item) {
    var parts = item.split('=');
    initial[parts[0]] = decodeURIComponent(parts[1]);
  }
  return initial;
}, {});
window.location.hash = '';

// Set token
let _token = hash.access_token;

const authEndpoint = 'https://accounts.spotify.com/authorize';

// Replace with your app's client ID, redirect URI and desired scopes
const clientId = 'bcb7a7...13727c';
const redirectUri = 'http://localhost/~mathieu/';
const scopes = [
  'user-read-birthdate',
  'user-read-email',
  'user-read-private'
];

// If there is no token, redirect to Spotify authorization
if (!_token) {
  window.location = `${authEndpoint}?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scopes.join('%20')}&response_type=token`;
}

当我上网址时，我被很好地重定向到Spotify认证，但当我连接时，浏览器进入重定向循环：Spotify将我重定向到localhost/~mathieu这将我重定向到Spotify等…

我想在Spotify重定向我之后，我的脚本无法获取令牌，所以我再次被重定向，但我找不到解决方案。

请帮帮我

Answer 1

如果您使用角度路由器，路由器可能会在代码获取URL值之前删除URL的哈希值。您需要确保此代码在角度路由器代码运行之前运行。或者，您可以连接到角度路由器并在那里检索哈希值。这个问题似乎表明这是可能的。