私はノード/エクスプレスバックエンドを持っており、リアクションクライアントでAPIを使用しています。ユーザーがサインアップした後に承認ヘッダーを設定できるようにしたい。これにより、後続の要求が許可ヘッダーとともに送信されます。フェッチAPIのオーソリゼーションヘッダーの設定
それはAPIとどのように取得して、これを行うことは可能ですフェッチで認証ヘッダーを取得するために、Axios here、どのように行うのか、私が見ることができますか？
ありがとうございます。
あなたはフェッチの2番目のパラメータとしてのヘッダを渡すことができます。
fetch(<your url>, {
headers: {
authorization: <whatever is needed here>
}
})
は、私の知る限りでは、fetchでデフォルトのオプション/ヘッダーを使用する方法はありません。
import defaultOptions from './defaultOptions';
// With default options:
fetch('/auth', defaultOptions);
// With additional (non-default) options:
fetch('/auth', { ...defaultOptions, body: JSON.stringify(additionalData) });
var url = "https://yourUrl";
var bearer = 'Bearer '+ bearer_token;
fetch(url, {
method: 'GET',
withCredentials: true,
credentials: 'include',
headers: {
'Authorization': bearer,
'X-FP-API-KEY': 'iphone',
'Content-Type': 'application/json'}
}).then((responseJson) => {
var items = JSON.parse(responseJson._bodyInit);
})
.catch(error => this.setState({
isLoading: false,
message: 'Something bad happened ' + error
}));
ありがとう：その後のようなデフォルトのオプションが使用
を
：あなたはそれを動作させるためにthis third party libraryを使用するか、またはあなたがして、すべての要求で使用するいくつかのデフォルトのオプションを設定することができます。私はそれをすべて使っていますが、Fetch APIで認証ヘッダーを設定する方法があるはずです。問題はそれを要求するのではなく、私の**ネットワーク**パネルのdevツールのように、他のもののように設定されているように、ユーザーを認証した後に設定することです。 – Rowland