All Products
Search
Document Center

:HTTP listeners access URLs but HTTPS listeners do not load styles

Last Updated:May 20, 2022

Disclaimer: this article may be contributed by the community or involve third-party product information. We recommend that you visit the community or the official website of third-party products for help and support. Third-party products will not be provided by Alibaba Cloud after-sales support. This document is for reference only. Alibaba Cloud makes no guarantee by express or any other means.

Question

An HTTP listener and an HTTPS listener are created respectively, and they use the same backend servers. When accessing the website over the HTTP Listener with the specified port number, the website is displayed normally. However, the website layout is messy when accessing the website through the HTTPS listener.

Cause

By default, SLB does not block the loading and transmission of JS files. The possible causes of this problem are as follows:

  • The certificate and browser security level are incompatible.
  • The certificate is an unqualified third-party certificate.
  • The HTTPS page is blocked by browsers because HTTP resources are loaded. You can use browser developer tools to view the blocked resources.

Answer

  • The certificate and browser security level are incompatible:
    1. When you access a website over HTTPS, you can load the corresponding script as prompted by your browser.
    2. Place the certificate directly on your local client.
  • Certificates are non-formal third-party certificates:
    Contact the certificate issuer to check the certificate.
  • The HTTPS page loads the HTTP resources:
    We recommend that you check the page code and replace HTTP resources with HTTPS resources.

Application scope

  • Elastic Compute Service