title: Mixed content issue - insecure XMLHttpRequest endpoint
body: <p>I am facing Mixed content issue when i browse my site in HTTPS.
  I am calling API from jQuery, and I haven't mentioned the protocol, so assuming browser should pick the same protocol with site browsed (http or https).
  My jquery code looks like below:</p>
  
  <pre><code>$.get("/api/Product/GetMore", { pageIndex: currentPage })
      .done(function(result) {
      .....
  </code></pre>
  
  <p>It works fine (able to get the result from API call) when browsed the site in http and do the required action to get the result.
  But when I browsed the site and try to get the result in https, i am getting below error in browser console. Same thing happens even if i hard-code the complete API url with https protocol. 
  Mixed Content: The page at 'https:///product' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http:///api/product/getmore?pageIndex=1'. This request has been blocked; the content must be served over HTTPS.</p>
  
  <p>XHR failed loading: GET "https:///api/Product/GetMore?pageIndex=1".</p>
  
  <p>Please let me know if you have any solution.</p>
  
  <p>Thanks,
  Sharath</p>