I got this resolved thanks to Google and the collaborators, @jvilhena and @DRC. Here's how I did it:
If you are using Windows and XAMPP as in my case the first step is to set up the 'hosts' file. If you are using Windows it's likely that you will find it in C:\Windows\System32\drivers\etc\hosts. You can use any text editor to edit it.
You can set up as many host names as you like all pointing to your localhost, with the IP, 127.0.0.1.
For example:
127.0.0.1 local.project1
127.0.0.1 local.project2
127.0.0.1 youcanuseany.name.here
The second step was to deal with the Apache file httpd-vhosts.conf. Again, I'm using Windows and XAMPP. It's likely this file will be in C:\xampp\apache\conf\extra\httpd-vhosts.conf.
You don't have to but I like to keep my project folders in my htdocs folder @ C:\xampp\htdocs.
For each project that you create a "host name" for, you should add the following to your httpd-vhosts.conf file:
<VirtualHost *>
DocumentRoot "C:\xampp\htdocs\projectx"
ServerName youcanuseany.name.here
<Directory "C:\xampp\htdocs\projectx">
Order allow,deny
Allow from all
</Directory>
</VirtualHost>
One more example just for the sake of it :)
<VirtualHost *>
DocumentRoot "C:\xampp\htdocs\project1"
ServerName local.project1
<Directory "C:\xampp\htdocs\project1">
Order allow,deny
Allow from all
</Directory>
</VirtualHost>
Now you can type local.project1
and youcanuseany.name.here
in your browser and it should open your project as if you were typing localhost/project1
and localhost/projectX
. I hope this helps.
#Include /Applications/XAMPP/etc/extra/httpd-vhosts.conf
by removing the#
-symbol. I found that piece of advice at F6 Design at that brought this answer to home base! :) – Laurentia