Wie Autorisierungsheader in VueJs

Question

Ich versuche, eine Post-Anfrage von einer Vuejs App zu einem Spring-Backend zu senden, mit dem ich einen JWT-Autorisierungsheader anfügen.

habe ich versucht, mit vue-resource

Vue.http.headers.common [ 'Authorization'] = 'Bearer YXBpOnBhc3N3b3Jk';

und die Back-End-Header sind wie diese

{accept-language = en-US, en; q = 0,5, origin = http://localhost:8080, host = 127.0.0.1: 8084, zugriffs Steuer- Anfrage-headers = Autorisierung Verbindung = keep-alive, ...

Aber wenn ich Postbote verwenden die gleiche Anfrage zu senden, sind die Back-End-Header wie dieser

{Genehmigung = Bearer eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1OTBhYWFmMjRhNjQ3ZjRiYmZlMDBhMDQiLCJzdWIiOiJiYmIiLCJpYXQiOjE0OTM5NzUxMDQsInJvbGVzIjoidXNlciIsImV4cCI6MTQ5Mzk3NTQ2NH0.kldUh3H1i3xEiNcxQ2ecq1HsjIIF5BI8Q-tb3sALc3E, content-length = 0, accept-language = en-US, en; q = 0,8, .......

Meine Frage ist, wie kann ich den postman header mit vuejs erreichen. Ich habe es auch mit Axios versucht, aber ohne Erfolg.

Answer 1

Versuchen Sie diesen Weg mit Axios. Ich benutze auch Spring Backend und es funktioniert ..

axios.post(
    url, 
    query , 
    {headers: { 
     "header name" : "header value" 
     }} 
    ) 
    .then((response) => { 

     var response = response.data; 

    }, (error) => { 
     var error = error.response; 
     } 
    } 
)