title: Error occured while trying to proxy on angular 4 rpoject, URL configured for HTTPS
body: <p>I've been trying to hit angular 4 project, deployed locally on my machine on port 4200 using a HTML page's form :-</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
    &lt;form action="https://test-pubg.sohum.com:4200" target="_blank" method="post"&gt;
      Access: &lt;input type="text" id="accessToken" name="accessToken"&gt;&lt;br&gt; Refresh: &lt;input type="text" id="refreshToken" name="refreshToken"&gt;&lt;br&gt;
      &lt;button type="submit"&gt;Submit&lt;/button&gt;&lt;br&gt;
    &lt;/form&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  
  
  <p>But i'm getting </p>
  
  <blockquote>
    <p><em>Error occured while trying to proxy to: test-pubg.sohum.com:4200/</em></p>
  </blockquote>
  
  <p>on the browser.</p>
  
  <p>I've configured the route configuration for <strong><em>https</em></strong> in package.json which is as follows:</p>
  
  <pre><code>"start": "ng serve --disable-host-check --ssl 1 --proxy-config proxy.conf.json --host 0.0.0.0",
  </code></pre>
  
  <p>My proxy settings in proxy.conf.json are as follows :-</p>
  
  <pre class="lang-js prettyprint-override"><code>{
      "/**": {
          "target": {
              "host": "test-pubg.sohum.com",
              "port": 8080,
              "protocol": "http:"
          },
          "secure": false,
          "changeOrigin": true,
          "logLevel": "debug"
      }
  }
  </code></pre>
  
  
  
  <p>I've already tried all the possible solutions available on other similar threads on github &amp; stackoverflow. But nothing has worked till now. </p>
  
  <p>I'm new to angular &amp; have already spent days on it. Any possible solution will be highly appreciated.</p>