title: Angular HTTP request blocked - Showing mixed content
body: <p>Angular HTTP request is blocked - Showing mixed content.</p>
  
  <p>But when i'm accessing through browser URL, the content is showing. </p>
  
  <p>The angular code is:</p>
  
  <pre><code>            $http.post('http://crms.ttteamthoi.in/get_timespent_br', {
                  'from': '01/11/2015',
                  'to': '25/11/2015'
              }, {
                  "headers": {
                      "Content-Type": "application/json; charset=UTF-8"
                  }
              })
              .then(function(response) {
                //code here
              }
  </code></pre>
  
  <p>The console error showing is:</p>
  
  <p>Mixed Content: The page at '<a href="https://dash-thaidash.c9users.io/#/app/tonnage" rel="nofollow">https://dash-thaidash.c9users.io/#/app/tonnage</a>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<a href="http://crms.ttteamthoi.in/get_timespent_br" rel="nofollow">http://crms.ttteamthoi.in/get_timespent_br</a>'. This request has been blocked; the content must be served over HTTPS.</p>
  
  <p>Is this angular specific? </p>