Axiosの認証について

Question

前提

Axiosでの認証方法について
一般的な認証方法を知りたい

実現したいこと

HTTPリクエストを送る際に認証トークンをどこに持たせるのがセキュリティ的に一番得策なのでしょうか

インターネットで調べると
axiosの通信をする際にheaderもしくはauthに記載する方法がありました

両者の違いがあまりわからないためどちらで実装するべきか悩んでいます

該当のソースコード

 axios({
  method:'POST',
  url:'/api/maker',
  auth:{username:'hogehoge',password:'認証トークン'},
  headers:{Authorization:'認証トークン'}
})
.then(e=>{
  console.log(e)
})

試したこと

basic認証はセキュリティ的に推奨できないとありました

authに書いた場合でもheadersに書いた場合でも
basic認証以外の他の認証が可能なのでしょうか？

Comments

[maisumakun]

・リクエストの送信元はブラウザですか？Node.jsですか？
・リクエストの送信先はどのようなサーバでしょうか？

[shunta80]

送信元はブラウザです

今はapiサーバが送信先です

リクエストの送信先によって最適は認証方法は変わるものなのでしょうか？

Answer 1

リクエストの送信先によって最適は認証方法は変わるものなのでしょうか？

はい。たとえば、第三者作成のAPIサーバで認証方法が指定されていた場合、選択の余地はありません。

Comments

[maisumakun]

逆に、ブラウザでログインするサイトを作っていて、HTTPセッションを持っているサーバにAPIも置いているなら、ログインユーザー用のAPIについては改めて認証を作り込まずにそのままHTTPセッションを活用するのが手っ取り早いです。

Answer 2

auth が Basic認証用で
headers が非Basic認証用じゃないですか？

headersに書いた場合は、その認証方法を受け付けるサービスを作れば認証可能です