Web API Error - This request has been blocked; the content must be served over HTTPS

Question

We have deployed the api on azure and trying to consume in our web app written in angular 5. However when we try to consume the api we are getting following errors.

Answer 1

Use this ---- Add in your head section I will try this with my weather application & now it's working fine