Solution 1:

As the documentation suggests, you need to locate and edit the file: /opt/lampp/etc/extra/httpd-xampp.conf

The hard part for me was locating this file. The solution I found was to ensure the stack volume was mounted:

enter image description here

From there, you can click the explore button, which will open /opt/lampp/. You can then navigate to etc/extra/httpd-xampp.conf from the Finder window that is opened and edit with any editor you want.

Alternatively, once the drive is mounted, you should be able to access the volume through Finder:

enter image description here

Hopefully, this helps.

Solution 2:

You should open xampp control panel click "open terminal" in the "general" tab, then do the following steps :

  1. apt update
  2. apt install vim
  3. vim /opt/lampp/etc/extra/httpd-xampp.conf
  4. change Require local to Require all granted
  5. restart apache in service tab
  6. open phpmyadmin

Solution 3:

I 'solved' the issue by returning back to the non-VM version of XAMPP but then had to leave this solution altogether for other reasons (I was not able to scale from XAMPP). So, I used HomeBrew (yes, I am a Mac User) to install Apache, PHP (actaully 3 different version for different purposes), PHPMyAdmin, MariaDB and MongoDB manually and hand-configure it.

I realised that these pre-build stacks are good and useful if you do not want to dive in and change them (or bend them). I will, in the future spend a bit more time an do it that way.

Thanks for all the feedback and attention.