CSR.pluscsr.plus
← Quay lại bài viết
Xử lý sự cố2026-08-15•4 phút đọc

Lỗi nội dung hỗn hợp: trang HTTPS tải tài nguyên HTTP

· Đội ngũ CSR.plus

Lỗi nội dung hỗn hợp: trang HTTPS tải tài nguyên HTTP
  • •Trình duyệt chặn tài nguyên HTTP trên trang HTTPS để bảo vệ trang khỏi tấn công hạ cấp.
  • •Dùng bảng điều khiển trình duyệt để liệt kê mọi URL bị chặn, rồi sửa nguồn: URL tương đối, tương đối giao thức hoặc tiêu đề CSP nâng cấp.
  • •upgrade-insecure-requests của Content Security Policy có thể sửa nhiều trang mà không cần sửa mã.
Mọi hoạt động
Loại bị chặn
tập lệnh, iframe, fetch
DevTools
Bảng điều khiển
liệt kê mọi yêu cầu bị chặn
CSP
Sửa một dòng
upgrade-insecure-requests
URL tương đối
Sửa tốt nhất
đường dẫn // hoặc tương đối

Nội dung hỗn hợp hoạt động thế nào

Trang phục vụ qua HTTPS kế thừa ngữ cảnh an toàn. Mọi tài nguyên phụ tải qua HTTP thường — hình ảnh, CSS, tập lệnh, phông chữ, iframe, fetch/XHR — phá vỡ ngữ cảnh đó. Trình duyệt chặn hoàn toàn nội dung hỗn hợp "hoạt động" (tập lệnh, iframe, fetch) và ngày càng chặn cả hình ảnh, âm thanh. Bảng điều khiển ghi mọi URL bị chặn kèm thông báo rõ ràng.

Tìm mọi vị trí xuất hiện

Mở DevTools > Bảng điều khiển, lọc "Mixed Content" và sao chép mọi URL bị chặn. Sau đó tìm trong mã các tham chiếu http:// tới các máy chủ đó. Cách sửa bền nhất là dùng URL tương đối giao thức (//cdn.example.com/x.js) hoặc đường dẫn tương đối đơn giản để trình duyệt tự chọn giao thức đúng.

Một dòng CSP

Thêm tiêu đề Content-Security-Policy: upgrade-insecure-requests để trình duyệt viết lại tài nguyên http:// thành https:// thay vì chặn. Hiệu quả với hầu hết trang tĩnh. Với điểm cuối http:// cố định không hỗ trợ HTTPS, bạn phải sửa mã — không có cách khắc phục phía máy khách.

FAQ

Tại sao trang trông hỏng nhưng trình duyệt khác vẫn hoạt động?

Trình duyệt cũ hoặc chính sách lỏng có thể âm thầm tải nội dung hỗn hợp. Trình duyệt hiện đại chặn nó, nên hành vi khác nhau.

HSTS có sửa nội dung hỗn hợp không?

Không. HSTS ngăn tải trang HTTP nhưng không viết lại tài nguyên http:// nhúng. Dùng upgrade-insecure-requests hoặc sửa URL.

UptimeRobot

Giám sát SSL và thời gian hoạt động miễn phí

UptimeRobot theo dõi chứng chỉ và endpoint của bạn 24/7 — 50 monitor ở gói miễn phí.

Dùng thử UptimeRobot MIỄN PHÍ

Liên kết affiliate — chúng tôi có thể nhận hoa hồng mà bạn không phải trả thêm chi phí.

Công cụ SSL/TLS miễn phí

Xác minh và kiểm tra chứng chỉ của bạn trong vài giây.

Bài viết liên quan