Fehler 401 (nicht autorisiert) Beim Erstellen von REST-Aufrufe mit Axios mit JWT-Header enthalten

Question

Ich entwickle eine kleine Reaktionsknotenanwendung mit JWT-Pass für die Authentifizierung. Ich habe den gesamten Endpunkt durch Postbote getestet (indem ich Token mit Autorisierungsheader übergeben habe) und sie funktionieren ordnungsgemäß.

Dies ist der Anruf im von dem Front-End unter Verwendung des die CORS-Modul

export const getUsersDetails=()=>{ 
    console.log(localStorage.getItem('jwtToken')); 
    return (dispatch) => { 
    return axios.get('http://localhost:3030/users', 
      { headers: { 'Authorization': localStorage.getItem('jwtToken') } } 
      ).then((data)=>{ 
       console.log('data comming',data); 
       dispatch(getUsersData(data)); 
      }).catch((error)=>{ 
       console.log('error comming',error); 
       dispatch(errorgetUsersData(error)); 
      }); 
     }; 
} 

ermogliche haben CORS machen. das ist das, wie die Netzwerk-Anrufe wie aus dem Browser sehen

die Autorisierungsheader wie
authorization:[object Object], eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.....

Sollte dies sein wie authorization: eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9..... sehen Ist dies der Grund, warum im dieses Problem konfrontiert? Wie man das überwindet?

Answer 1

Wenn Sie eine Autorisierung in Ihrer App wünschen, hängt es davon ab, wie Sie Ihr Backend erledigt haben. Wenn beim Postboten alles in Ordnung ist, zeigen Sie, wie Ihre Kopfzeilen im Postboten aussehen, wenn Sie geschmeckt haben. Ich benutze XSRF Token und hier ist, wie mein Request-Header Blick:

{headers: 
      {"Access-Control-Allow-Headers" : "*", 
      "X-XSRF-TOKEN": this.$cookie.get('XSRF-TOKEN')} 
    } 

Vielleicht sollten Sie nur "Access-Control-Allow-Headers" : "*" setzen