React-Schienen speichern POST-Anfrage Antwort

Question

Derzeit habe ich Ruby on Rails als mein Backend verwendet, um API zu meinen Apps zu liefern. Und mein Frontend verwende ich React-rails gem (React.js) um Daten zu bekommen/zu posten und Output zu generieren. Sowohl die API als auch die Apps befinden sich auf einem anderen Server.

Mein Problem hier ist, kann ich nicht die Antwort von POST-Anfrage speichern, die ich reagierte. Wie kann ich das tun? Ich bin neu in Reaktion BTW.

Was ich jetzt tun möchte, ist, wenn Benutzer die Apps anmelden möchten, wird POST-Anfrage an API und erhalten "Auth_Token" -Antwort. Ich möchte diese "auth_token" -Antwort im Header und Zugriff auf das Dashboard speichern. Aber ich stecke jetzt wie kann ich die Auth_Token ftw speichern.

Unten ist mein Code für die Daten POST:

var LoginBody = React.createClass(
 
{ 
 
\t handleClick() { 
 
     var username = this.refs.username.value; 
 
     var password = this.refs.password.value; 
 
     $.ajax({ 
 
      url: 'http://localhost:3001/api/v1/users/central/signin?', 
 
      type: 'POST', 
 
      dataType: 'json', 
 
      data: { user_login:{email: username, password:password} }, 
 
      success: (data) => { 
 
       this.setState({auth_token: data.auth_token}); 
 
      }.bind(this), 
 
     }); 
 
    }, 
 
    getInitialState(){ 
 
     return { 
 
     auth_token: [] 
 
     } 
 
    },

Wenn es jemand ist, das mein Problem lösen könnte und mir beibringen, wie kann ich in meinen apps in Header gespeichert wirklich ich es zu schätzen wissen.

Answer 1

speichern sie einfach im lokalen Speicher wie:

localStorage.authToken = data.auth_token 

Und dann, wenn Sie sie in Ihren zukünftigen Anforderungen benötigen, lesen wie:

localStorage.authToken