☰

axiosでベアラトークンを送信する 質問する

tag-icon • tag-icon reactjs rest token axios access-token
axiosでベアラトークンを送信する 質問する

私が使用しているReactアプリではアクシオスREST API リクエストを実行します。

しかし、リクエストとともにAuthorizationヘッダーを送信することはできません。

これが私のコードです:

tokenPayload() {
  let config = {
    headers: {
      'Authorization': 'Bearer ' + validToken()
    }
  }
  Axios.post( 
      'http://localhost:8000/api/v1/get_token_payloads',
      config
    )
    .then( ( response ) => {
      console.log( response )
    } )
    .catch()
}

ここで、validToken()メソッドはブラウザ ストレージからトークンを返すだけです。

すべてのリクエストに500エラー応答が返され、

リクエストからトークンを解析できませんでした

バックエンドから。

各リクエストで認証ヘッダーを送信するにはどうすればいいですか? React で他のモジュールをお勧めしますか?

ベストアンサー1

const config = {
    headers: { Authorization: `Bearer ${token}` }
};

const bodyParameters = {
   key: "value"
};

Axios.post( 
  'http://localhost:8000/api/v1/get_token_payloads',
  bodyParameters,
  config
).then(console.log).catch(console.log);

最初のパラメータは URL です。2
番目はリクエストとともに送信される JSON 本文です。3
番目のパラメータはヘッダー (その他) です。これも JSON です。

おすすめ記事