[解決済み] React-NativeアプリでAxios GETとAuthorizationヘッダを使用する
2022-03-12 12:50:26
質問
を必要とするAPIのGETリクエストにaxiosを使用しようとしています。
Authorization
ヘッダを生成します。
私の現在のコードです。
const AuthStr = 'Bearer ' + USER_TOKEN;
ここで
USER_TOKEN
は必要なアクセストークンです。この文字列の連結が問題なのでしょう。
AuthStr = 'Bearer 41839y750138-391'
の場合、次のGETリクエストは動作し、私が求めるデータを返します。
axios.get(URL, { 'headers': { 'Authorization': AuthStr } })
.then((response => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
また、これをグローバルヘッダーとして設定してみましたが、成功しませんでした。
どうすればいいですか?
この投稿を目にした人のために、役に立つかもしれないことを...。 実は、私のコードには何も問題がありません。私はパスワードのアクセスコードではなく、client_credentialsタイプのアクセスコードを要求するミスを犯しました(#facepalms)。 参考までに、私はurlencoded postを使用しているので、querystringを使用しています。 だから、いくつかの例コードを探しているかもしれない人のために... ここに私の完全な要求があります。
デバッグを手伝ってくれた@swapnilに大感謝です。
const data = {
grant_type: USER_GRANT_TYPE,
client_id: CLIENT_ID,
client_secret: CLIENT_SECRET,
scope: SCOPE_INT,
username: DEMO_EMAIL,
password: DEMO_PASSWORD
};
axios.post(TOKEN_URL, Querystring.stringify(data))
.then(response => {
console.log(response.data);
USER_TOKEN = response.data.access_token;
console.log('userresponse ' + response.data.access_token);
})
.catch((error) => {
console.log('error ' + error);
});
const AuthStr = 'Bearer '.concat(USER_TOKEN);
axios.get(URL, { headers: { Authorization: AuthStr } })
.then(response => {
// If request is good...
console.log(response.data);
})
.catch((error) => {
console.log('error ' + error);
});
関連
-
[解決済み] React NativeのiOSシミュレータでフォントファミリーが認識されない件
-
[解決済み] spanのようなReactネイティブテキスト
-
envに対する解決策:node: そのようなファイルやディレクトリはありません
-
react-nativeで遭遇したポットホールまとめ(追加中)
-
[解決済み] react nativeでトーストメッセージを表示する方法
-
[解決済み] React-NativeアプリでAxios GETとAuthorizationヘッダを使用する
-
[解決済み] cURL呼び出しによるHTTPリクエストを使用してヘッダーを送信する方法は?
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] axiosのpostリクエストでフォームデータを送信する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React native ERROR Packager can't listen on port 8081
-
[解決済み】React Nativeのバージョン不一致について
-
[解決済み] モジュールAppRegistryが呼び出し可能なモジュールとして登録されていない(runApplicationを呼び出す)。
-
[解決済み] rn-fetch-blob: アップロードされた画像をテストする方法
-
[解決済み] React Nativeでテキストを太字、斜体、下線にするにはどうすればよいですか?
-
[解決済み] ScrollView 内の FlatList がスクロールしない
-
[解決済み] react nativeでトーストメッセージを表示する方法
-
[解決済み] React-NativeアプリでAxios GETとAuthorizationヘッダを使用する
-
[解決済み】React Nativeでビューの背景色を透明に設定する方法
-
[解決済み】React Nativeでfloat:rightする方法とは?