javascript - PHP 包含包含相对路径的 html 文件

Question

我有一个 html 文件，它本身就可以正常工作。 html 文件包含一些相对路径。

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

chart.html 文件有一个这样的脚本 src:

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

和 index.php 包括如下所示:

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 文件而不弄乱相对路径的正确方法是什么？

Answer 1

这里的问题是绝对路径和相对路径之间的差异。通过将它包含到其他路径中，有效地更改了 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
}