Some time for create custom project url there we need to give a name for the project and we want that project according to their name like abc is my project and I want it to run on abc.com so when the project will be hosted on live server it will not make any difference for abc.com domain. Virtual host on XAMPP is very easy process , Just follow bellow instruction to create virtual host on XAMPP
First I am going to assume you’re using a Windows machine and have XAMPP installed. Open the XAMPP control panel application and stop Apache. … Navigate to C:/xampp/apache/conf/extra or wherever your XAMPP files are located. Open the file named httpd-vhosts.conf with a text editor.
then input the configuration bellow : make sure to change your file location to DocumentRoot, Directory and change ServerName.
<VirtualHost *:80> DocumentRoot "/Volumes/Storage/niamrox.dev/web/practice/batch_1_project" ServerName habizabi.com <Directory "/Volumes/Storage/niamrox.dev/web/practice/batch_1_project"> AllowOverride All Order allow,deny Allow from all Require all granted </Directory> </VirtualHost>
After that restart your Apache Server by Xampp service.
Find your own pc IP address.
Then find and open host file. If you are windown user edit
If you are OSX / Mc user then open terminal and and copy paste the following code below ‘sudo nano /private/etc/hosts’
at host file write your ip address and server name like bellow
After that restart your apache server and browse the server name on browser. You will find the project there.
By this way you can test the project before deployment or when the project will be deployed on live server it will be same as the domain. For linux or mac almost all are similar just make sure about changing the host file.
If you want to change host file at ubuntu then follow the command bellow
sudo nano /etc/hosts
here nano is a editor , you can use any others editor by its terminal command like if you want to edit on gedit text editor then apply the following command
sudo -E gedit /etc/hosts
Then edit as per your requirement.
if you are using mac then there is a visual tools you can edit host file easily. Download and install Gas Mask host file editor from here.
Read more: How to add a search bar to WordPress Menu