How to solve the problem of “blocked loading mixed active content” in Firefox

Today, I put the project on the server. When debugging, there was a message “Preventing loading of mixed activity content…” Error:

The solution is as follows:
Method 1: Let Firefox leave it unblocked for a while
Open a new TAB and enter about:config in the address bar to go to the configuration page.
Search for security.mixed_content.block_active_content and change true to false.

Approach 2: Avoid including HTTP content in HTTPS pages.
The first approach is impractical because we cannot require all users to change this configuration.
we can see if the HTTPS submissions to the HTTP reason, if so, the request URL to HTTPS.
After checking the URL, it is found that the URL is indeed HTTP, change it to HTTPS, no longer report error.

Reproduced in:

Read More: