react-native-webview 错误“SSL 错误：证书颁发机构不受信任”

Question

我正在利用react-native-webview来显示网页。出于安全考虑，我从清单文件中排除了 android:usesCleartextTraffic="true" 。

但是，删除 android:usesCleartextTraffic="true" 后，我的网页无法加载，并显示所附屏幕截图中的错误消息。

只要我从 info.plist 文件中消除 NSExceptionAllowsInsecureHTTPLoads，iOS 功能就不会受到影响。

我尝试实现以下解决方案：在清单文件中，我包含了 android:networkSecurityConfig="@xml/network_security_config" 行，然后在 network_security_config.xml 文件中，我添加了以下配置。

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">mywebsite.com</domain>
    </domain-config>
    <base-config cleartextTrafficPermitted="false" />
</network-security-config>

这不起作用，我也尝试了以下解决方案

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>  
  <base-config>  
        <trust-anchors>  
            <certificates src="system" /> 
            <certificates src="user" />  
       </trust-anchors>  
  </base-config>  
</network-security-config>

这也不起作用。我知道这可能是 SSL 问题。请指教如何解决。

Answer 1

你是如何解决这个问题的？