Web API Error - This request has been blocked; the content must be served over HTTPS
Web API Error - This request has been blocked; the content must be served over HTTPS
Web API Error - This request has been blocked; the content must be served over HTTPS
Re: Web API Error - This request has been blocked; the content must be served over HTTPS
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 `` element in your HTML:
``
More information about this can be found here: [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests).
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 `` element in your HTML:
``
More information about this can be found here: [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests).