Rest API Header token Bearer

5561 ワード
Fetch テキストリンク

n/a.ターゲット


postmanで使用しているHeaderタグを
fetchコードを有効にする

必要なurlとコンテンツ


baseurl/auth-user
인증 확인

사용자가 인증이 되었는지 확인합니다.

> GET /auth-user

Request Header => Authorization: bearer JWT토큰
Response => User
ライセンスにベアラに関連するトークンを追加して、ユーザーを受信します.

postmanの作成


postmanでは,Authorization部分にBeare Tokenを加え,Get法でSendを行うと結果が得られる.

fetchとして作成(失敗)

  fetch('baseurl/auth-user', {
    headers: {
      'Content-Type': 'application/json',
      Authorization:
        'token내용',
    },
  })
    .then((res) => res.json())
    .then((data) => {
      console.log('!')
      console.log(data)
    })

このようなエラーが発生しました.

fetchとして作成(成功)

  fetch('baseurl/auth-user', {
    headers: {
      'Content-Type': 'application/json',
      Authorization:
        'Bearer ' + 'token내용',
    },
  })
    .then((res) => res.json())
    .then((data) => {
      console.log('!')
      console.log(data)
    })

同じ出力結果が確認できます.
(「Content-Type」部分は入れなくても大丈夫ですが、予備賞は入れました)
(Beareセクションの後ろにスペースを付けるのを忘れないでください(そうしないとエラー)

整理する


APIに接続するには、アクセストークンをAPIサーバに送信して認証する必要があります.この場合の認証方法はBeare Authenticationです
postmanにこれらの内容を入れるのは簡単ですが、fetchとして使用する場合、headers内部でtokenを許可されたオブジェクトに入れ、オブジェクトがベアラである場合、前に'bearer '形式を追加する必要があります.
あなたの最初のスマート契約をコード化する方法
day 11新特性ノート(fragment animation)