PHP包含包含相对路径的html文件 - PHP include html file containing relative path

我有一个html文件，它本身工作得很好。html文件包含一些相对路径。

当我在php中包含html文件时，我遇到了相对路径问题。

chart.html文件的脚本src如下:

<script src="./data/data.js"></script>

和index.php include看起来像这样:

include('./chart/chart.html');

我在浏览器中得到的错误是失败的:

X GET http://localhost/project/data/data.js

显然data.js的路径缺少了chart文件夹。应该是这样的:http://localhost/project/chart/data/data.js

下面是我的文件夹结构:

Sites/
  project/
    index.php
    chart/
        chart.html
        data/
           data.js

我知道我可以修改html文件并将图表添加到路径中，但这会使html文件本身不可见。基本上，html文件假定路径基于当前的chart.html相对路径。怎样才能让php包含这个html文件而不弄乱相对路径呢?

这里的问题是绝对路径和相对路径之间的差异。通过将其包含到其他路径中，有效地改变chart.html的路径，但不改变依赖文件的相对路径，您将破坏代码。

有一个可以放在头部的基本标签https://developer.mozilla.org/en/docs/Web/HTML/Element/base。然而，这可能会使事情变得更糟，因为index.php可能包含的其他内容将不再工作，除非那些使用绝对路径。如果你不这样做，这个可能是一个很好的解决方案。

第二种解决方案可能是(以编程方式)在html中搜索相对路径，并动态地将这些路径替换为正确的路径。在一些奇怪的情况下，javascript在HTML中使用，可能会有一些"反复制"保护js代码，这可能会导致阻塞。

第三种解决方案(当然取决于您的用例)是，不包括html，而是在输出中放置一个iframe，在这里指向正确的路径。由于它是从正确的路径加载的，相对路径应该可以再次工作。(我更喜欢那个，特别是如果它是你追求的某种"预览"功能)。

另一种解决方案可能是将另一个index.php放入图表文件夹，通过包含(并使原始index.php的代码足够灵活)-将做与原始index.php相同的工作，但由于它是从不同的路径请求的，一切都很好。

另一种方法是重写URL，您可以使显示，就好像index.php在图表目录中一样(可能需要从原始调用进行重定向)。URL重写可能很困难，这取决于您的整体设置。

这些是我的建议，但是，根据你对项目的实际需求，可能会有更合适的解决方案。

更新到额外的index.php解决方案:

注意，这只会在一次显示一个项目时起作用，而不是同时显示多个项目。这也高度取决于你的index.php做什么或它是如何工作的。让我假设它看起来像这样:

<?php
$project = !empty($_POST['project']) ? $_POST['project'] : '';
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
    include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
    echo '<a href="?project='.$p.'">'.$p.'</a>';
}

现在，新的chart/index.php会像这样做:

<?php $project='chart'; include '../index.php';

，你需要改变你原来的/index.php为:

<?php
$project = !empty($project) ? $project : '';                   // <-- changed
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
    include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
    echo '<a href="/URL/TO/ROOT/'.$p.'/index.php">'.$p.'</a>'; // <-- changed
}