google-analytics - Firebase 尝试加载 http，但被 App Transport Security 阻止

Question

在我的 ios swift 应用程序中使用 Google Firebase，我在控制台输出中发现了臭名昭著的消息:

App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file.

使用方法here ，我发现这是由加载 http://www.google-analytics.com/ga.js 的请求触发的，该请求可能来自 Firebase Analytics。

我需要为此添加异常(exception)吗？

Answer 1

我在使用 firebase 托管的 React 应用程序中使用 firebase/analytics 模块 (firebase 7.1.0)，我在尝试加载 googletagmanager 时遇到错误(我没有明确地这样做，它来自模块)。

混合内容:“https://example.com/”的页面是通过 HTTPS 加载的，但请求了不安全的脚本“http://www.googletagmanager.com/gtag/js?id=someGTM -ID'。此请求已被阻止；内容必须通过 HTTPS 提供。

我不是从 index.html 文件中导入谷歌分析，而是从一个 javascript 文件加载 firebase/analytics，基本上:

 import firebase from 'firebase/app';
 import 'firebase/analytics';
 const firebaseConfig = {
    apiKey: "api-key",
    authDomain: "project-id.firebaseapp.com",
    databaseUrl: "https://project-id.firebaseio.com",
    projectId: "project-id",
    storageBucket: "project-id.appspot.com",
    messagingSenderId: "sender-id",
    appId: "app-id",
    measurementId: "G-measurement-id",
};

firebase.initializeApp(firebaseConfig);
firebase.analytics();

我找到了:https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content

和https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

并通过在我的 index.html 文件中放置以下行来修复它:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">