Поток клиентских полномочий работает со скручиванием, но не в браузере

Question

Я разрабатываю приложение Spotify и хочу получить токен.

Я следую Client Credentials Flow и используя curl все работает отлично:

$ curl -H "Authorization: Basic YjU4Y...llYTQ=" \ 
-d grant_type=client_credentials \ 
https://accounts.spotify.com/api/token 
# Response: 
# { 
# "access_token":"BQD3u...W4iJA", 
# "token_type":"Bearer", 
# "expires_in":3600 
# } 

И здесь есть код Javascript моего HTML файла, в котором я пытаюсь получить тот же результат:

var url = "https://accounts.spotify.com/api/token"; 
var authentication = "YjU4Y...llYTQ="; 
var params = { grant_type: "client_credentials" }; 
var auth = "Basic " + authentication; 

$.ajax({ 
    url: url, 
    type: 'POST', 
    dataType: 'json', 
    headers: { 
     'Authorization' : auth, 
     'Access-Control-Allow-Origin': '*' 
    }, 
    data: params, 
    success: function(data) { 
     console.log('success', data); 
    } 
}); 

Однако я получаю следующую ошибку:

XMLHttpRequest cannot load https://accounts.spotify.com/api/token . Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Что я делаю неправильно?

Есть ли способ использовать Spotify API из статического файла HTML с помощью Javascript?

Answer 1

Ничего. Браузеры запрещают CORS, если сервер специально не разрешает это. В вашем случае вы не контролируете сервер, поэтому у вас есть только один выбор - взломать браузер. Легко выполняется с помощью плагинов для Firefox и Chrome. Поиск CORS Everywhere для Firefox. Там один для chrome, также называемый контролем доступа, позволяет * или что-то в этом роде.

Поверьте мне ... Я потратил неделю, пытаясь использовать другой REST api. Попробовал js fetch и т. Д. Вы должны взломать браузер с помощью плагина.