27 Temmuz 2018 Cuma

React Native Fetch "Network Request Failed" Hatası


React native uygulamanızda http request talebinde bulunduğunuzda eğer erişmeye çalıştığınız kaynak https:// değil ise muhtemelen "fetch" komutunu çağırdığınızda "Network Request Failed" yazan kırmızı bir sayfa ile karşılaşacaksınız.

İlgili hatayı gidermek için eriştiğini http servisinin güvenilir olduğunu android yada ios config dosyanızda belirtmeniz gerekiyor.

Ben bu hatayı ios da almıştım o yüzden ios çözümünü belirtiyor olacağım.

IOS Çözüm :
Aşağıdaki dosya yolundaki info.plist dosyasını açalım.

Dosya yolu : ios/{projeadı}/Info.plist

</dict> kısmının hemen öncesine aşağıdaki kodu ekleyin

<key>NSExceptionDomains</key>
    <dict>
      <key>api.tatatahsilat.com</key>
      <dict>
        <key>NSIncludesSubdomains</key>
        <true/>
        <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
        <true/>
        <key>NSTemporaryExceptionMinimumTLSVersion</key>
        <string>TLSv1.1</string>
      </dict>
    </dict>
    <key>NSAppTransportSecurity</key>
    <dict>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>


Kaydedip tekrar konsol dan react-native run-ios demeniz yada açık olan similatörünüzün ekranında cmd + R yapmanız ve ekranı yenilemeniz yeterli.
Yunus Emre Web Developer

Morbi aliquam fringilla nisl. Pellentesque eleifend condimentum tellus, vel vulputate tortor malesuada sit amet. Aliquam vel vestibulum metus. Aenean ut mi aucto.