title: How to host web api with Angular solution with .NET core
body: <p>Using .NET Core and angular to self host UI and API</p>
  
  <p>How do I set up my angular / vs solution so that I can have the running following scenario.</p>
  
  <p>Navigate to localhost:4200/home i.e. in chrome 
  I click a button which makes a call (in the angular code) to 'api/values' rather than 'localhost:5000/api/values' </p>
  
  <p>Here are the steps I take to replicate my solution.</p>
  
  <p>Within vs code terminal</p>
  
  <pre><code>ng new myui --routing
  cd myui
  ng serve ## opens the default angular project on localhoost:4200/
  </code></pre>
  
  <p>open a terminal in the directory of this project</p>
  
  <pre><code>dotnet new webApi  ##
  </code></pre>
  
  <p>Most of my attempts to run this by changing the settings in launchsettings.json end up with page not found errors or that the ui is currently using that port</p>