title: Configure apache virtual host with angular app
body: <p>I ran into a snag where my website's home page will only display the "index of/" page instead of my angular app, or even just an index.html. I'm not sure what's causing this because the vhost config is nearly identical to the three other websites running smoothly on the same server. Apache was restarted and then it quit serving the angular app.</p>
  
  <p>config:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;VirtualHost *:80&gt;
  
      ServerName website.com
      ServerAlias www.website.com
      ServerAdmin webmaster@localhost
      DocumentRoot /var/www/html/website.com/dist
  
      &lt;Directory /var/www/html/website.com/dist&gt;
          &lt;Files ~ (\.cgi$)&gt;
              SetHandler cgi-script
              Options ExecCGI
              allow from all
          &lt;/Files&gt;
          Options -Indexes +FollowSymLinks +MultiViews
          AllowOverride All
          Require all granted
      &lt;/Directory&gt;
  
      ErrorLog ${APACHE_LOG_DIR}/error.log
      CustomLog ${APACHE_LOG_DIR}/access.log combined
  
  &lt;/VirtualHost&gt;
  </code></pre>
  
  <p>It's been a while since I initially set this up and with many recent changes trying to get it to work again I main have some silly mess ups I'm overlooking. Any tips or advice is appreciated!</p>