Mixed Content. but the 'frame' points to the wrong port!

May I ask are the apps running behind a load-balancer or that ports are the real one used to communicate to the outside Internet?

The ports 3000 and 3080 aren’t the compatible ones as it seems to me on first sight.

Here is the list of compatible ports which work with Cloudflare (the DNS record being proxied - :orange: cloud)

Otherwise, if you are accessing directly to your IP:Port with the DNS record (hostname) being unproxiedm, :grey: cloud, then in this case it has to be something with your origin host/server or app settings.
https://support.cloudflare.com/hc/en-us/articles/200169156-Which-ports-will-Cloudflare-work-with-

Thank you for your ticket number. @cloonan

Regarding Mixed content, if that occurs when the :orange: cloud is, may I ask have you had an SSL certificate before moving your domain/website to Cloudflare?

Kindly, see on the below article:

If yes, is it a valid SSL certificate, which covers both your main domain and your sub-domains too (like www, etc.)?
Which SSL mode have you got enabled (Full SSL, …) at SSL/TLS tab on Cloudflare dashboard?

About SSL/TLS available options at Cloudflare dashboard, check here:

Kindly, check the instructions from below article to make sure you have the right SSL setup:

Useful tips to check out regarding HTTPS and mixed-contet errors:

Furthermore, maybe you need to configure/enable the option like Always use HTTPS and Automatic HTTPS redirection at SSL/TLS tab in the Cloudflare dashboard?
https://support.cloudflare.com/hc/en-us/articles/227227647-Understanding-Automatic-HTTPS-Rewrites

2 Likes