我正在构建一个小型 ReactNative iOS 应用程序。在其中，我使用 fetch API 向我控制的具有有效但自签名 SSL 证书的服务器发出简单的 get 请求。可以理解，这会导致错误。
在 iOS/JSC 之间，我不确定如何（或什么！）我可以为我的应用程序配置以忽略此错误 - 我目前找到的所有答案都与 Objective-C 解决方案有关，我正在寻找对于我可以在 JSC 环境中使用的东西。
【问题讨论】：
标签： javascript ios ssl react-native
我遇到了同样的问题。正如您所指出的，让原生 iOS 应用程序使用自签名证书的唯一方法似乎是编写/修改 Objective-C 代码，这对于使用 React Native 的 JavaScript 开发人员来说不是一个好方法。出于这个原因，我认为您的问题是X/Y problem，我建议使用与一开始使用自签名证书不同的方法来解决您的整体问题。
我改为使用真正的证书进行开发。这是我为使本地开发 API 与 SSL 和 React Native 一起工作所做的工作。它免费且简单。
./letsencrypt-auto certonly --standalone -d dev.my-domain.com -d api.dev.my-domain.com/etc/letsencrypt/live/dev.my-domain.com 下找到
scp -r your_user@123.123.(...):/etc/letsencrypt/live/dev.my-domain.com ./
hosts 文件address=/dev.my-domain.com/192.168.(...)的事情（我推荐这个）此时，由于您正在为正在访问的域使用真实的、受信任的证书，因此您的 api 现在将在浏览器和开发中的设备上受到信任！
【讨论】：
git pull 供本地使用。
免责声明：此解决方案应该是临时的并记录在案，以便它不会停留在软件的生产阶段，这仅用于开发。
对于 iOS，您所要做的就是打开您的 xcodeproject（在 RN 中的 iOS 文件夹中），然后转到 RCTNetwork.xcodeproj 并在该项目中导航到 RCTHTTPRequestHandler.m
在该文件中，您将看到如下一行：
#pragma mark - NSURLSession delegate
在那一行之后，添加这个函数
#if DEBUG
- (void)URLSession:(NSURLSession *)session didReceiveChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *credential))completionHandler
{
completionHandler(NSURLSessionAuthChallengeUseCredential, [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust]);
}
#endif
瞧，您现在可以在没有有效证书的情况下对您的 API 进行不安全的调用。
这应该足够了，但是如果您仍然遇到问题，您可能需要转到项目的 info.plist，左键单击它并选择打开为...源代码。
最后添加
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
所以你的文件看起来像这样
...
<key>UISupportedInterfaceOrientations</key>
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationLandscapeLeft</string>
<string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
<key>NSLocationWhenInUseUsageDescription</key>
<string></string>
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
</dict>
</plist>
对于真正的生产就绪解决方案，https://stackoverflow.com/a/36368360/5943130 该解决方案更好
【讨论】：
react-native 请求的所有证书：gist.githubusercontent.com/aleclarson/…
此答案适用于 Android。
在node_modules\react-native\ReactAndroid\src\main\java\com\facebook\react\modules\network 上找到 OkHttpClientProvider.java。
使用 NDK 编译 ReactAndroid
【讨论】：