<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<!-- If your web app is being hosted over HTTPs as you've indicated, then all external resources it is consuming (CDN, scripts, CSS files, API calls) should also use SSL and be secured through HTTPs. Think about it. It would defeat the purpose of your app being secure, if your app was in turn making insecure requests to an API.
You can either therefore:
As Chrome suggests, change your API calls to use HTTPs (recommended)
Use HTTP instead of HTTPs
Add the following meta tag to your <head> element in your HTML: -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<!-- More information about this can be found here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests. -->
Code Example |
---|
Html :: responsive meta tag |
Html :: img base 64 |
Html :: dont allow user to drag image css |
Html :: how to add background video in html |
Html :: alpine js onclick example |
Html :: vue js focus ref |
Html :: how to put space in html |
Html :: fontawesome online link |
Html :: table all cells same width |
Html :: react bootstrap navbar fixed |
Html :: responsive html |
Html :: how to hide display in bootstrap |
Html :: axonivy composite |
Html :: nuxt input image base64 |
Html :: dropdown menu html |
Html :: stop bubbling |
Html :: get image from theme folder wordpress |
Html :: sound on click |
Html :: twig keys |
Html :: html iframe tag |
Html :: how to upload pdf in html |
Html :: type phone number html |
Html :: how to set a gif as a background image of a page |
Html :: html dns prefetch |
Html :: bootstrap responsive table |
Html :: how to define tag icon in html |
Html :: upload svg to wordpress |
Html :: seo tags in html |
Html :: how to write superscript in html |
Html :: svg xmlns |