AngularJS Google Oauth 400 Errore Valore del parametro non valido per redirect_uri: frammento non consentito

Question

Sto utilizzando Kinvey per gestire Oauth sulla mia app AngularJS e funziona perfettamente per Facebook, ma quando provo ad accedere con Google, sto ottenendo un errore 400:

errore: invalid_request

valore di parametro non valido per redirect_uri: Frammento non ammessi: localhost: 9000/#/login

qualcuno ha mai incontrato questo problema con Google OAuth e angolare? Qualche idea su come posso aggirarla? Il problema deriva dall'hash nell'URL per il routing di Angular.

Answer 1

Il # è chiamato fragment identifier. L'errore Fragment not allowed: significa che è necessario sostituire il # con un'alternativa, come ad esempio:

• localhost: 9000/percorso/login

quindi reindirizzare con Kinvey:

req.request({uri: 'http://localhost:9000/route/login', 
method: 'GET'}, 
function(error, response, body){ 
    response.statusCode = 302; 
    response.setHeader("Location", "/#/login"); 
    response.end(); 
    } 
); 

Ecco alcuni domande non correlate con problemi simili:

• Redirect to different page url in Node.js (Not in express or other frameworks)
• Redirecting client with NodeJS and Restify
• URI encoding in Yahoo mail compose link
• URL fragment missing from redirect URI
• Why URI-encoded ('#') anchors cause 404, and how to deal with it in JS?