Wie zu verwenden <a> & href-Tag in React-Router

Question

Ich brauche eine <a href=""></a> in React Router, um Passport.js in meiner Anwendung für OAuthentication zu verwenden. Jedes Mal, wenn ich einen Anker-Tag erstellen und klicken Sie in React es geht nur auf eine leere Seite in React Router und ich weiß nicht einmal den Rückruf von meinem Node-Server auf dem Back-End mit all der Überprüfung von Google/Facebook/Linkedin

erhalten

Was ist ein nützlicher Weg, um einen href Tag in React-Router haben, so dass mein Backend es registrieren kann, mit den Rückrufen durch seinen api Strom schwimmen, und es dann an die richtigen Adresse sendet in React-Router?

Das Problem ist dies

The Problem of using axios.get() for OAuthentication with Passport.js

EDIT

In diesem Beitrag sie das gleiche Problem hat, die ich tue, und die Lösung war nur ein einfacher href-Tag, aber ich habe lautet die Reaktionen Router auf meiner Anwendung und ihre mögliche sie nicht, auch sie haben kein Beispiel

Previous post about Authentication with Passport.js with React front

EDIT

ich dieses Projekt von jQuery bewegte konzentriert zu Reagieren, Reaktion-Router und Redux so eine Mehrheit meines serverseitigen Knoten Code hat die Aktualisierung nicht brauchen, aber hier ist ther Teil meiner Routen, behandelt das OAuth mit Passport. Ich brauche nur meine Front, dies zu erreichen, lassen Sie es nicht sein Ding und dann zu mir zurückschicken

router.get('/linkedin', passport.authenticate('linkedin'), 
    function(req, res){ 
     console.log('nexted') 
    } 
); 

    router.get('/linkedin/callback', 
     passport.authenticate('linkedin', { failureRedirect: '/index' }), 
    function(req, res) { 
     console.log('here') 
     res.redirect('/professionals'); 
    }); 

Answer 1

ich in den Kommentaren bemerkt, dass Sie CORS Probleme erwähnen, die, wenn ich Recht habe ich glaube, Sie verwenden die Autorisierung Code gewähren OAuth Flow, ich hatte das gleiche Problem mit GitHub, wenn ich mein SPA und mein Backend auf verschiedenen Servern hatte. Wenn dies der Fall ist, dienen die statischen Dateien des SPA über den Backend-Server. Wenn Sie dies tun, sollten Sie den folgenden Code als letzte Route verwenden, damit React Router funktioniert. Sie können eine Repo finden, wo ich die gleiche here tat

app.get('*', (req, res) => { 
    res.sendFile(path.join(__dirname + '/client/index.html')); 
}); 

Hinweis: Wenn Sie diese Sie die implizite Gewährung OAuth Flow verwenden können nicht tun wollen, und die Authentifizierung in der SPA machen.