ข้อผิดพลาดเนื้อหาผสม: หน้า HTTPS โหลดทรัพยากร HTTP

เนื้อหาผสมทำงานอย่างไร

หน้าที่ให้บริการผ่าน HTTPS สืบทอดบริบทปลอดภัย ทรัพยากรย่อยใดก็ตามที่โหลดผ่าน HTTP ธรรมดา — รูปภาพ CSS สคริปต์ ฟอนต์ iframe fetch/XHR — ทำลายบริบทนั้น เบราว์เซอร์บล็อกเนื้อหาผสม "แอ็กทีฟ" (สคริปต์ iframe fetch) ทั้งหมด และเข้มงวดกับรูปภาพและเสียงมากขึ้น คอนโซลบันทึก URL ที่ถูกบล็อกทุกอันพร้อมข้อความชัดเจน

ค้นหาทุกตำแหน่ง

เปิด DevTools > คอนโซล กรอง "Mixed Content" และคัดลอก URL ที่ถูกบล็อกทุกอัน จากนั้นค้นหาในโค้ดของคุณถึงการอ้างอิง http:// ไปยังโฮสต์เหล่านั้น การแก้ที่แข็งแกร่งที่สุดคือใช้ URL แบบสัมพัทธ์โปรโตคอล (//cdn.example.com/x.js) หรือเส้นทางสัมพัทธ์ธรรมดา เพื่อให้เบราว์เซอร์เลือกสคีมาที่ถูกต้องโดยอัตโนมัติ

CSP หนึ่งบรรทัด

เพิ่มส่วนหัว Content-Security-Policy: upgrade-insecure-requests เพื่อให้เบราว์เซอร์เขียนทรัพยากร http:// ใหม่เป็น https:// แทนการบล็อก ใช้ได้กับหน้าคงที่ส่วนใหญ่ สำหรับจุดสิ้นสุด http:// ที่ฝังตายตัวซึ่งไม่มี HTTPS ต้องแก้โค้ด — ไม่มีทางออกฝั่งไคลเอนต์

FAQ