title: Virtual hosts not working on MAMP
body: <p>I am running into virtual hosts setup issues on MAMP. Here is my vhosts config</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>NameVirtualHost *
  
  &lt;VirtualHost *&gt;
          ServerName dev.local.com
   DocumentRoot “/Applications/MAMP/htdocs/local”
  &lt;/VirtualHost&gt;
  
  &lt;VirtualHost *&gt;
          DocumentRoot /Applications/MAMP/htdocs
          ServerName localhost
  &lt;/VirtualHost&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my hosts file</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>127.0.0.1       localhost
  127.0.0.1       dev.local.com</code></pre>
  </div>
  </div>
  </p>
  
  <p>now when visiting localhost and dev.local.com both are pointing to index of local directory. I tried various config setting in vhosts file but none is working. I am on MacBook Pro 10.10</p>