title: Angular 7 site "can't be reached" after connecting to VPN
body: <p>At my job we need to use Pulse VPN to connect to internal websites. When I connect it breaks my angular site.</p>
  
  <p>I have noticed that it also breaks all external websites, but that can be fixed by turning off <code>Internet Options &gt; Connections &gt; LAN Settings &gt; Use a proxy server for your LAN</code>. This setting gets turned on every time the VPN connects. Turning it off allows internal and external websites to connect, but some how is blocking my localhost:4200 angular website.</p>
  
  <p>When I try to connect I'm shown Chrome's <code>This site can't be reached (localhost took too long to respond)</code> page with suggestions to <code>Check the proxy and firewall</code>. Windows Network Diagnostic says:  <code>The remote device or resource won't accept the connection</code></p>
  
  <p>Other things I've tried:</p>
  
  <ul>
  <li>running via <code>ng serve -o --host 0.0.0.0</code></li>
  <li>Hard refresh, clearing cache, emptying localhost application data</li>
  <li>Hard exit from Chrome using the Task Manager and restarting the app</li>
  <li>Run <code>ipconfig</code> in cmd, get the IPv4 Address. Go to $IPv4Address:4200. This works! The client angular site loads. BUT 
  requests receive the error: <code>Access to XMLHttpRequest at 'http://localhost/API_ROUTE' from origin 'http://LOCAL_IP:4200' has been blocked by CORS policy</code>. If I go to the localhost API route in the browser directly it loads fine.</li>
  </ul>