title: Web API Error - This request has been blocked; the content must be served over HTTPS
body: <p>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.</p>
  
  <blockquote>
    <p><strong>Chrome</strong> Mixed Content: The page at '<a href="https://somedevapp.azurewebsites.net/#/managesomething" rel="noreferrer">https://somedevapp.azurewebsites.net/#/managesomething</a>' was loaded
    over HTTPS,  but requested an insecure XMLHttpRequest endpoint
    '<a href="http://admindevapp.azurewebsites.net/api/data/getdata" rel="noreferrer">http://admindevapp.azurewebsites.net/api/data/getdata</a>'.  This request
    has been blocked; the content must be served over HTTPS.</p>
    
    <p><strong>Firefox</strong> Blocked loading mixed active content</p>
  </blockquote>
  
  <p>Is this issue related to CORS? How to resolve this issue?</p>
  
  <p>Any help on this appreciated!</p>