title: My Angular web app is routing through buttons as expected, but when I type the page path in the url, routing doesn't work. While hosted on firebase
body: <p>When I run the program on my localhost, I can navigate through my program using the url, but not when it is hosted on firebase.</p>
  <p>eg)
  Typing &quot;www.localhost:4200/home&quot; Takes me home.</p>
  <p>Typing &quot;www.localhost:4200/contact&quot; Takes me to contact page.</p>
  <p>BUT</p>
  <p>When I host the website on firebase, I can only access it directly:&quot; <a href="http://www.portfoliotest.web.app" rel="nofollow noreferrer">www.portfoliotest.web.app</a> &quot; and routing through the buttons work, but not when I type &quot;www.portfoliotest.web.app/home&quot; or &quot;www.portfoliotest.web.app/contact&quot; but i get a &quot;Page not found&quot; firebase error instead.</p>
  <p>How can I set up my routing so that I can access my pages through the url?</p>
  <p>Thank you.</p>