Fix mixed content with caddy

Site Operators Site Operations Help
1

I’m having trouble switching from HTTP to HTTPS for my development environment. I’m using Caddy, and when I run the command tutordevstart, the homepage at https://local.openedx.io works perfectly, but when I access the MFEs at https://apps.local.openedx.io, I get a mixed content error: “Mixed Content: The page at ‘https://apps.local.openedx.io/authn/login?next=%2F’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://local.openedx.io:8000/login_refresh’. This request has been blocked; the content must be served over HTTPS.”. I’ve tried changing ENABLE_HTTPS=true and running docker images build mfe , but running tutor dev start again doesn’t work. this is my Caddyfile

# LMS
local.openedx.io {
    tls /home/duc/dev-frontend/local.openedx.io+2.pem /home/duc/dev-frontend/lo>
    reverse_proxy localhost:8000
}

# Studio
studio.local.openedx.io {
    tls /home/duc/dev-frontend/local.openedx.io+2.pem /home/duc/dev-frontend/lo>
    reverse_proxy localhost:8001
}

# Apps (MFE)
apps.local.openedx.io {
    tls /home/duc/dev-frontend/local.openedx.io+2.pem /home/duc/dev-frontend/lo>
    reverse_proxy localhost:1999
}