Block content because of HTTPS
08 Ocak 2016
1 dk okuma süresi
70 okunma
[blocked] The page at 'https://localhost:33440/' was loaded over HTTPS, but ran insecure content from 'http://localhost:33440/': this content should also be loaded over HTTPS.
Web uygulamanız HTTPS üzerinden çalışıyorsa ve cdn kullanıyorsanız bu hatayı mutlaka tarayıcı konsolu üzerinde görmüşsünüzdür. Şu devirde https üzerinden çalışmayan veya hala http üzerinden yayın yapan cdn'leri kesinlikle kullanmayın.
Sorun https üzerinden http'ye yapılan isteklerden kaynaklı. Web uygulaması https üzerinden çalıştığında bu isteklerin güvensiz olduğunu düşünerek blokluyor. Genellikle Google Fonts veya farklı bir cdn üzerinden isteklerde başınıza gelmesi kaçınılmaz. Fakat çözümü oldukça kolay.
Sadece http yerine https veya sadece // varsa bunun yerine https yazmak. Aşağıdaki örnek daha açıklayıcı olacaktır.
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } // Gördüğünüz gibi yukarıda url kısmında http:// yazıyor, bazen sadece //fonts.gstatic.com/s... yazar. // Bunun yerine https://fonts.gstatic.com/s... yazmanız hatanın çözümü için yeterli url(https://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
Yazılarıma abone olmak ister misiniz?
İlginizi çekebilecek diğer yazılar.