如何在vueJs中添加授權標頭

Question

我想從一個vuejs應用程序發送一個發佈請求到一個彈簧後端，並附上一個jwt授權標頭。

我試圖與VUE資源

Vue.http.headers.common [ '授權'] = '承載YXBpOnBhc3N3b3Jk';

和後端頭是這樣

{接受語言= EN-US，EN; Q = 0.5，產地= http://localhost:8080，主機= 127.0.0.1：8084，訪問控制 - 請求頭=授權，連接=保持活躍，...

但是，如果使用的郵遞員發送相同的請求，後端頭都是這樣

{授權=承載eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1OTBhYWFmMjRhNjQ3ZjRiYmZlMDBhMDQiLCJzdWIiOiJiYmIiLCJpYXQiOjE0OTM5NzUxMDQsInJvbGVzIjoidXNlciIsImV4cCI6MTQ5Mzk3NTQ2NH0.kldUh3H1i3xEiNcxQ2ecq1HsjIIF5BI8Q-tb3sALc3E，內容長度= 0，接受語言= EN-US，EN; Q = 0.8，.......

我的問題是，如何我可以使用vuejs實現郵差頭文件嗎？我也嘗試過使用axios，但沒有成功。

Answer 1

用axios試試這種方法。我也使用春季後端，它的工作原理..

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

     var response = response.data; 

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