I am using the GeoServer and i am having the problem : Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure image ‘’. This request has been blocked; the content must be served over HTTPS.
405 Mixed Content: The page at ‘https://localhost:****/’ was loaded over HTTPS, but requested an insecure image . This request has been blocked; the content must be served over HTTPS.
This happens when i try to insert the photo from the GeoServer into the map using the openlayers library with javascript, this is the script:
function LoadOrto(layerName, ortofoto) {
var url = 'http://*****:***0/geoserver/****/wms';
var espacoTrabalho = '***';
var groupTiff = new ol.source.TileWMS({
url: url,
params: { 'LAYERS': `${espacoTrabalho}:${ortofoto}`, 'TILED': true },
serverType: 'geoserver',
crossOrigin: 'anonymous'
});
var tiffLayer = new ol.layer.Tile({
maxResolution: map.getView().getMaxResolution() / 16,
source: groupTiff,
});
tiffLayer.setZIndex(0);
tiffLayer.set('name', layerName);
map.addLayer(tiffLayer);
tiff.push(groupTiff);
}
$(document).ready(function () {
GetOrtofoto();
});
What can i do to fix it and properly shows the photo?