[解決済み] React Nativeのfetch()ネットワークリクエストに失敗する
2022-04-13 03:31:46
質問
を使用して新規プロジェクトを作成する場合
react-native init
(RN バージョン 0.29.1) で、公開されている facebook デモムービー API の render メソッドに fetch を実行すると
Network Request Failed
. 非常に無駄なスタックトレースがあり、クロームコンソールでネットワークリクエストをデバッグすることができません。以下は、私が送信しているフェッチです。
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
return responseJson.movies;
})
.catch((error) => {
console.error(error);
});
解決方法は?
この問題は、iOSがデフォルトでHTTPリクエストを許可しておらず、HTTPSのみ許可していることです。HTTP リクエストを有効にするには、次のコードを
info.plist
:
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
関連
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
Vue+ElementUIによる大規模なフォームの処理例
-
Vueの「データを聴く」原則を解説
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] React JSX内のループ
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] フェッチする JSONデータを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 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
[解決済み] Error : 未定義のプロパティ 'map' を読み取ることができません。
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み] Android (9) Pieですべてのネットワーク接続タイプHTTPとHTTPSを許可する方法は?
-
[解決済み] Android Studio - Android Emulator Wifi接続でインターネットに接続しない場合