内容混合：该页面已通过HTTPS加载，但请求了不安全的图像

编程问答 2022-06-06

问题描述

自从我在项目中添加了ReactJS库以来，我的react-native-google-cast代码遇到了问题。
问题如下：

我想将来自网络的HTTP视频源投射到Android TV。我在应用程序中添加了CastButton，它可以正常运行并检测到我周围的设备。
但是问题是，当我要在我的Android电视盒（在Android 9下）启动投射时，它会失败并显示以下消息："Mixed Content: The page at 'https://www.gstatic.com/cast/sdk/default_receiver/1.0/app.html?skin=https://www.gstatic.com/eureka/player/0000/skins/cast/skin.css&google_cast_bg=true' was loaded over HTTPS,but requested an insecure video 'XXXX'. This content should also be served over HTTPS."。
在Web上进行了许多研究之后，我发现使用该主题的解决方案应该可以解决问题，但并非如此，错误不断出现。 （Android 8: Cleartext HTTP traffic not permitted）。 我发现文件android/app/build/intermediates/instant_app_manifest/debug/AndroidManifest.xml:4包含android:targetSandboxVersion="2"，但是我无法覆盖它，因为它是从每次重建的某个地方（？）重新加载的。

这是我的AndroidManifest.xml文件：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.iptvapp"
  android:targetSandboxVersion="1"
  android:usesCleartextTraffic="true">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:allowBackup="false"
      android:networkSecurityConfig="@xml/network_security_config"
      android:theme="@style/AppTheme">
      <meta-data
        android:name="com.google.android.gms.cast.framework.OPTIONS_PROVIDER_CLASS_NAME"
        android:value="com.reactnative.googlecast.GoogleCastOptionsProvider" />
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
        android:launchMode="singleTask"
        android:windowSoftInputMode="adjustResize">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
    </application>

</manifest>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

androidandroidchromecasthttphttpmixed-contentreactjsreactjs