vueJsにオーソリゼーションヘッダーを追加するには

Question

私はvuejsアプリケーションからjwtオーソリゼーションヘッダーを添付している春のバックエンドに投稿要求を送信しようとしています。

IはVUEリソース

Vue.http.headers.common [ '許可'] = 'ベアラYXBpOnBhc3N3b3Jk' と試みました。

とバックエンド・ヘッダーこの

{受け入れる言語= EN-US、エンのようなもの; Q = 0.5、原点= http://localhost:8080、ホスト= 127.0.0.1：8084、アクセス制御 - リクエストヘッダ=認証、接続=キープアライブ、...

が、私は同じ要求を送信するために郵便配達を使用する場合、バックエンドのヘッダは、この

のようなものです{承認=無記名eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1OTBhYWFmMjRhNjQ3ZjRiYmZlMDBhMDQiLCJzdWIiOiJiYmIiLCJpYXQiOjE0OTM5NzUxMDQsInJvbGVzIjoidXNlciIsImV4cCI6MTQ5Mzk3NTQ2NH0.kldUh3H1i3xEiNcxQ2ecq1HsjIIF5BI8Q-tb3sALc3E、コンテンツ長= 0、受け入れる言語= EN-US、EN; Q = 0.8、.......

私の質問は、どのように私はvuejsを使用して郵便配達人のヘッダーを達成することができます。私は斧でも成功を収めていない。

Answer 1

この方法を腋窩で試してみてください。私も春のバックエンドを使用しています。それは動作します。

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

     var response = response.data; 

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