Mixed Content: The page at ‘https://…’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://…’

Mixed Content hiba stíluslapnál: töltsd be HTTPS-en, vagy preload-preconnect használata.

Mixed Content insecure stylesheet

Hibaüzenet

Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure stylesheet 'http://...'

Hibás kód

<link rel="stylesheet" href="http://example.com/styles.css">

Javított kód

<link rel="stylesheet" href="https://example.com/styles.css">

Magyarázat

Mixed Content insecure stylesheet hiba akkor fordul elő, amikor egy HTTPS oldalon HTTP-s stíluslapot töltesz be. A böngészők aktív Mixed Content blokkot alkalmaznak a CSS fájlokra, mivel azok nagy biztonsági kockázatot jelentenek. A fix, hogy az URL-t HTTPS-re cseréled, vagy engedélyezed a forrást megfelelő CSP fejléc beállításával. Egy másik lehetőség a preload/preconnect használata a „ technikával.

További információ: MDN – CSP