title: Random Mixed Content Issue
body: <p>I am having a weird mixed content request blocking issue from my web site and trust me I have beeing googling to resolve this issue for more than couple of months already.</p>
  
  <p>I am using AngularJS1 as front-end and Spring boot as back-end. </p>
  
  <p>When I access my website, sometimes randomly I got the below error:</p>
  
  <p><em>Mixed Content: The page at <a href="http://mywebsite" rel="nofollow noreferrer">http://mywebsite</a> was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<a href="http://mywebsite.com/" rel="nofollow noreferrer">http://mywebsite.com/</a>'. This request has been blocked; the content must be served over HTTPS.</em></p>
  
  <p><a href="https://i.stack.imgur.com/cMNGR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cMNGR.png" alt="chrome developer network console"></a></p>
  
  <p><a href="https://i.stack.imgur.com/MmGis.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MmGis.png" alt="blocked request header"></a></p>
  
  <p>But this problem goes away when I refresh or reload the page. After that, everything is working perfectly as expected because I am not using any HTTP ajax call but only internal HTTPS ajax call.</p>
  
  <p>I even checked whether my website has some request using "http" using third-party tool and my website was clean.</p>
  
  <p>This issue does not happen all the time. It happens randomly but it will always go away if I refresh the page.</p>
  
  <p>Please please help me solve this issue.</p>
  
  <p>============== Updated status as of 27th of March, 2018 =================</p>
  
  <p>I am still suffering from the same issue although I did a workaround.
  I added errorCallBack that catches all errors except HTTP 500 error for the Ajax call that reloads the page only once so that the page gets reloaded which resolved the issue.</p>
  
  <p>But this should not be a solution. Please help me anyone.</p>