How to fix mixed content problem in TYPO3

Question

I have a problem on my website developed with TYPO3. The problem is that CSS files and JavaScript and images not working. So many images and other functionality such as the slider are not working.

This is the first issue: Mixed content: load all resources via HTTPS to improve the security of your site

And this is the other issue: Ensure CORS requesting origin matches resource's allowed origin

Answer 1

The problem is because you have loaded the site through HTTPS protocol and images, CSS and JS files are loaded through HTTP protocol.

You have to set the correct protocol in TypoScript Setup configuration :

config.baseURL = https://www.you-site.com/

Then all your resources will be loaded through this URL.

I think that the CORS problem will also be solved with this configuration.