使用 XAMPP 在本地模拟网站 public_html 文件夹结构

Question

我正在尝试在 Ubuntu 18.04 Linux 上使用 xampp（Apache HTTP 服务器版本 2.4）在本地进行一些网站开发。我使用服务器随附的文档和Stack Overflow答案配置了虚拟主机。

来自相关部分的 /opt/lampp/etc/extra/httpd-vhosts.conf 文件：

<VirtualHost *:80>
DocumentRoot "/home/dalton/lamppsites"
ServerName testsite
    <Directory "/home/dalton/lamppsites">
        Require all granted
        Options Indexes FollowSymLinks
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>

这使我能够正确浏览到 http://testsite 并显示位于 /home/dalton/lamppsites 的 index.html 文件：

如您在上面的屏幕截图中所见，我修改了对 Bootrap css 资产文件夹的引用：

<link href="./assets/dist/css/bootstrap.min.css" rel="stylesheet">

因此它正确解析了对 css 资产文件夹的本地路径的引用，该文件夹放置在与 index.html 文件相同的文件夹级别。

我希望能够保留将 html 文件置于 css 资产级别以下的原始 Boostrap 文件夹排列，即使用原始行

<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

这类似于我的新托管服务提供商的安排，通常的根条目（用户）和下面的 public_html 文件夹，资产可能在根目录中。 xampp 非常挑剔，我只是想看看是否有人可以在我花更多时间解决这个问题之前发现一个即时解决方案（我可以用我所拥有的，但不得不修改 css 相对引用很烦人）。我宁愿不使用 .htaccess 解决方案，即更喜欢上面列出的关于 VirtualHost 配置的提示。如果我使用指向 index.html 文件的符号链接，我不知道这是否会正确解析诸如 ..\ 之类的相对引用（是的，我可以愚蠢地继续试验，但有人必须熟悉此设置，因为它是一个典型的网站文件夹我假设的结构）。

相关的 Stack Overflow 问题似乎与 php 有关，它使用一组不同的语法解决方案。