Công nghệ,  Lang thang,  Mẹo vặt,  Web

FastAPI (gunicorn) bị lỗi Mixed Content HTTPS vs HTTP

Table of Content

FastAPI (gunicorn) bị lỗi Mixed Content HTTPS vs HTTP

Nhận dạng lỗi

Mixed Content: The page at 'https://aaaa' was loaded over HTTPS, but requested an insecure stylesheet 'http://aaaa/static/dist/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS.

image

Cách sửa FastAPI (gunicorn) bị lỗi Mixed Content HTTPS vs HTTP

Bổ sung thẻ <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> vào file template html của bạn


Another workaround is to add:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

to index.html file in frontend. It will upgrade all requests from http to https (also when run locally, so it may not be the best workaround)

Tham khảo

  1. https://stackoverflow.com/questions/63511413/fastapi-redirection-for-trailing-slash-returns-non-ssl-link

Leave a Reply

Your email address will not be published.