How to create virtual host with xampp VM?

Question

I recently started use xampp vm ! I want to connect my project exist in /Users/mine/project . So I tried with vhost from /opt/lampp/etc/extra/httpd-vhosts.conf ,that is open by xampp application volumes tab Explore.

<VirtualHost *:80>
    DocumentRoot "/Users/mine/project"
    ServerName mine.online
</VirtualHost>

Then I update hosts file from terminal like below,

192.168.64.2    mine.online //192.168.6.2 is xampp vm ip

Also I do uncomment in /opt/lampp/etc/httpd.conf

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

Finally I restarted my apache ! But it show me 404 not found . Please help me how to run correctly ?

Plus => is there any way to clone git project to xampp vm 's htdocs folder ?

Answer 1

-->Open your local terminal and run "vi /etc/hosts" without quote

-->Add "192.168.64.2 mine.online" line without quote and then save the file

-->Go to Xampp and start the xampp.

-->Go to volumes tab and mount the "/opt/lampp" volume.

-->Press the explore button and then go to "lampp/etc/extra"

-->Open the "httpd-vhosts.conf" file and edit like as the given one

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "/opt/lampp/htdocs/YOUR_PROJECT_FOLDER"
    ServerName mine.online
    ServerAlias www.mine.online
    ErrorLog "logs/mine.online-error_log"
    CustomLog "logs/mine.online-access_log" common
</VirtualHost>

-->Then go to "/opt/lampp/etc/httpd.conf"

-->Uncomment "Include etc/extra/httpd-vhosts.conf"

-->Restart the services from Xampp

Then it should work.