Cách khắc phục "Nội dung hoạt động hỗn hợp tải bị chặn" cho css và js qua https

Question

Khi cố gắng xem trang web của tôi qua https, tôi vẫn gặp lỗi "Nội dung tải hỗn hợp tải bị chặn" trong bảng điều khiển Firefox của mình. Tôi nhận được lỗi này chỉ cho tập tin css và js của tôi.

Lý do tôi rất bối rối là do tham chiếu đến các file trong mã trang chính nó là https:

<link rel="stylesheet" href="https://www.example.com/style.css"> 

Nhưng trong giao diện điều khiển, nó cho thấy nó như http:

bị chặn tải nội dung hoạt động hỗn hợp "http://www.example.com/style.css" [Tìm hiểu thêm]

Tôi có thể tạo nguồn chế độ xem trên trang và tìm kiếm "http: //" và không có kết quả ở mọi nơi trên trang.

Bất kỳ ý tưởng nào?

Answer 1

Tôi nghĩ rằng bạn có thể thử với người gọi giao thức tương đối.

<link rel="stylesheet" href="//www.example.com/style.css"> 
        ---------^^ 

nếu người dùng truy cập trang web của bạn bằng http, tải http và nếu người dùng truy cập dưới https, tải https.