Mixed Content issue while fetching the images in Movie application

Mixed Content issue while fetching the images in Movie application

  

Hi , I am trying to get the poster image using the REST API and the URL  http://image.tmdb.org/t/p/w154

is used as BASE URL and I am appending the poster path from the API response.


But the image is not getting displayed and showing the below error:

Mixed Content: The page at 'https://prasanta-barik.outsystemscloud.com/OSMDb/MovieDetail.aspx?MovieId=1&(Not.Licensed.For.Production)=' was loaded over HTTPS, but requested an insecure image 'http://image.tmdb.org/t/p/w154'. This content should also be served over HTTPS.
Failed to load resource: the server responded with a status of 403 (Forbidden)


I also tried to change the URL of my application to non secure URL i.e. http://prasanta-barik.outsystemscloud.com/OSMDb/MovieDetail.aspx?MovieId=1&(Not.Licensed.For.Production)=


Then I am getting the below error

Failed to load resource: the server responded with a status of 403 (Forbidden).


Kindly help

Hi Prasanta,

Do you use the HTTP URL directly in the Image Widget? Did you try to access the image via HTTPS?

Kilian Hekhuis wrote:

Hi Prasanta,

Do you use the HTTP URL directly in the Image Widget? Did you try to access the image via HTTPS?


Hi Kilian,


I have a base URL site property which is holding the Base URL. I am gettung the actual path usinf REST API . I am generating the final image URL by concatenating the above two.


Yes I tried to open the URL using HTTPS both from application and directly from browser, but in non of the cases Its not opening.


Its a part of tge exercise in the web application tutorial. Did anyone face any problem?

Solution

Hi Prasanta,

I did get the "mixed content" message, but only as a warning in the console. However, when changing the site-property base URL to https, it still works, without the warning.

EDIT: So the site-property reads https://image.tmdb.org/t/p/w154.

Solution