title: How to solve error with appeal to my rest-api hosted on http from my reactjs-app hosted on https
body: <p>I have an error with my fetch function in reactjs: when I request data from the rest-api (ASP.NET) hosted on http, my app, which is hosted on Firebase (https) throws an error:</p>
  
  <blockquote>
    <p>Mixed Content: The page at '<a href="https://[my-domain].firebaseapp.com/" rel="nofollow noreferrer">https://[my-domain].firebaseapp.com/</a>' was loaded over HTTPS, but requested an insecure resource<br>
    'http://<strong><em>.</em></strong>.<strong><em>.</em></strong>:*****/filter1/filter2'. This request has been blocked; the content must be served over HTTPS.</p>
  </blockquote>
  
  <p>Rest hosted on linux by ASP.NET. We already tried make a SSL certificate by .NET CORE option.</p>
  
  <pre class="lang-js prettyprint-override"><code>fetch(`http://host-ip:port/filter1/filter2`, {
                          method      : 'GET',
                          mode        : 'cors',
                          credentials : 'same-origin',
                      }).then(res  =&gt; res.json())
                          .then(json =&gt; {
                              this.setState(
                                  { 
                                      //some operations
                                  }
                              )
                      })
  </code></pre>
  
  <p>It can be fixed by installing SSL certificate, but we haven't special domain-name (only ip-address). Can it be solved without any cunning operations with domain and certificates? And can we leave it on our ip without transition to domain?</p>