HTTPS issues in CP

[kylef-fotf]

Hello,

When I try to access my entries in a collection, I get the error "Something went wrong" and nothing loads. Opening the console I can see mixed content errors ("blocked loading mixed active content"). My .env has APP_URL set to an HTTPS domain, and I'm not sure what else I should be doing to tell statamic to load over HTTPS. I found some old documentation about statamic 2 saying to modify the system.yaml file, but I don't see an equivalent in statamic 4.

Below is what I see when trying to load entries over HTTPS.

Going one layer up, it is still able to see how many entries I have in my collections.

Thanks for any insight. I enjoy working with statamic but I am still learning.

-Kyle

[duncanmcclean]

Are you using Cloudflare or sitting in front of any reverse proxies?

[kylef-fotf]

Yes I am using Cloudflare.

[duncanmcclean]

Try installing this package and see if it helps: https://github.com/monicahq/laravel-cloudflare

[kylef-fotf]

Thanks, this seems to be working.

Do you know what is happening that makes this package necessary?

[duncanmcclean]

When you have the "proxy" enabled on the Cloudflare side, all requests technically go from your user-> cloudflare, then cloudflare -> your server.

This causes issues because when you configure HTTPS on the Cloudflare side, your server doesn't know about it so it continues to return some URLs as http://. I believe the Cloudflare package fixes that by configuring "trusted proxies" so your site knows that HTTP is being used.

^ I believe that's why it's needed anyway. Some of that might be wrong.