Virtual hosts not working on MAMP

Answer 1

When I first test virtual host (example.dev) I added two slightly different index.php files its directry and to localhost directory (/htdocs). My virtual host would redirect to locahost, I would know because the index.php would be the one in /htdocs. Similar to what user6166 said, I changed the code below to match the 8888 and it worked! I test example.dev:8888 and it works.

 NameVirtualHost *:8888


    ServerName dev.local.com
    DocumentRoot /Applications/MAMP/htdocs/local
    ServerAlias dev.local.com



    DocumentRoot /Applications/MAMP/htdocs
    ServerName localhost

Then to remove 8888 change above back to 80 and MAMP preferences to:

Apache Port:80
Nginx Port:8888
mySQL Port:3306

Then inside httpd.conf change below to 80:

Listen 8888
ServerName localhost:8888

Hope that helps someone, it definely fixed my problem!