HTTP đến HTTPS (biểu định kiểu, js, css-sprites, v.v.) tải lại

Question

Câu hỏi này không liên quan gì đến lỗi nội dung hỗn hợp. Giới thiệu để khởi chạy một trang web. Khi tôi điều hướng từ http://example.com đến https://example.com, tôi nhận thấy rằng css/js/etc được tải xuống lại khi tôi đang sử dụng đường dẫn gốc tương đối:.

Sử dụng trình thám thính http tôi thấy trình duyệt nghĩ rằng https://www.example.com/_css/main.css khác với http://www.example.com/_css/main.css (không phải của nó). Do đó, nội dung chính xác tương tự được tải xuống hai lần khiến trang web trông chậm điều hướng từ http đến https (nếu người dùng không có cả hai phiên bản được lưu trong bộ nhớ cache).

Có cách nào để ngăn chặn điều này không? Người dùng sẽ hầu như luôn luôn nhấn lên phiên bản không phải là ssl của trang web đầu tiên để có một tập lệnh sẽ đợi cho đến khi nội dung http được tải hơn có thể ép buộc phiên bản https vào bộ nhớ cache của người dùng? Hoặc tôi chỉ nên sử dụng đường dẫn tuyệt đối (https://www.example.com/_css/main.css) trên trang bao giờ và trên mọi hình nền css (chỉ có 2 tôi sử dụng sprites). Hay chúng ta chỉ sống với nó? Cảm ơn.

Answer 1

Sử dụng một sniffer http tôi thấy rằng trình duyệt nghĩ rằng https://www.mysite.com/_css/main.css khác với http://www.mysite.com/_css/main.css (không phải của nó).

Đây là tài nguyên khác có nội dung giống nhau. Trình duyệt không có cách nào để biết rằng họ sẽ có cùng nội dung.

Bạn có thể chuyển hướng (với 301) từ một đến khác để bạn không có phiên bản không phải SSL.

Có cách nào để dừng việc này không?

Không thực sự.

Người dùng hầu như sẽ luôn truy cập phiên bản không phải của trang web đầu tiên để có thể tải phiên bản https vào bộ nhớ cache của người dùng?

Không. Có thể là một vấn đề bảo mật khủng khiếp nếu URL có thể chứa nội dung tùy ý cho các URL khác tùy ý.

Hoặc tôi chỉ nên sử dụng đường dẫn tuyệt đối (https://www.mysite.com/_css/main.css) trên trang bao giờ và trên mọi hình nền css (chỉ có 2 tôi sử dụng sprites).

Điều đó sẽ hiệu quả, nhưng dẫn đến các vấn đề nội dung hỗn hợp.

Hoặc chúng ta chỉ sống với nó?

Có.

Answer 2

Bạn có thể tham khảo các tập tin mà không cần sự xác định giao thức, ví dụ:

<link rel="stylesheet" type="text/css" href="//mysite.com/_css/main.css" /> 

Xem bài này để biết thêm chi tiết:

Can I change all my http:// links to just //?

Answer 3

Bạn có thể sử dụng a.htaccess RewriteRule để tải nội dung https mỗi lần; hoặc một tiêu đề chuyển hướng được chỉ định trong phiên bản http của html sẽ hoạt động chậm hơn (thêm vòng chuyến đi) nhưng nếu không cũng như vậy, tôi tin.

Answer 4

Có một số cách để khắc phục sự cố này.

1. Sử dụng base tag. Sau đó, sử dụng đường dẫn tương đối cho tài nguyên của bạn và bộ nhớ đệm sẽ được cảm nhận để làm việc cho http và https, mặc dù thực sự nó đã được tải trên https rồi. Demonstration

   <base href="https://example.com/" />

2. Chuyển tất cả mọi thứ để SSL khi người dùng chạm trang web theo cách Apache (Redirect SSL)

   Redirect permanent/https://example.com/login

Answer 5

Sử dụng đường dẫn giao thức tương đối.

Thay vì điều này

<link rel="stylesheet" href="http://domain.com/style.css"> 
<link rel="stylesheet" href="https://domain.com/style.css"> 

sử dụng này

<link rel="stylesheet" href="//domain.com/style.css"> 

sau đó nó sẽ sử dụng giao thức của trang mẹ.