wampserver -- 本地主机上的链接已断开

Question

我目前正在使用 wampserver 开发一个非常简单的 cms，我计划在完成后将其上传到我的 reserverd 服务器。前几天，当我通过远程服务器调试我的代码时，我加载了没有任何样式或图像的页面。我查看并删除了一些“/”，效果很好。例如，我更改了这样的 URL：更改前：

<link rel="stylesheet" href="/css/styles.css"/>

变更后：

<link rel="stylesheet" href="css/styles.css"/>

当我将这些新 URL 应用到我的本地项目时，我再次遇到没有样式或图像或 js 或其他任何内容的页面......我该怎么办？

Answer 1

通过删除 /，您将其更改为相对路径。

所以你现在必须考虑你的路径结构。

例如，如果项目放在一个文件夹中，那么根是：http://localhost/mycms/ 然后你去 ./mycms/cats 你的 CSS 的相对路径将被翻译成: ./mycms/cats/css/styles.css 这会破坏它。

您应该考虑使用资产的绝对路径。例如：

<link rel="stylesheet" href="//localhost/mycms/css/styles.css"/>

这可以通过从 $_SERVER 变量定义或检测当前 URL 路径并在您的主机名前添加来实现。

所以像 which 这样的东西存储在一个常量中，然后你可以在你的代码中使用它，这将导致到 webroot 的正确绝对路径：

<?php
define('SITE_URL', rtrim(sprintf(
    '%s://%s/%s',
    isset($_SERVER['HTTPS']) || $_SERVER["SERVER_PORT"] == "443"  ? 'https' : 'http',
    $_SERVER['HTTP_HOST'],
    trim(dirname($_SERVER['SCRIPT_NAME']), '/')
), '/'));

echo SITE_URL;

然后只需在您的模板中回显即可。

<link rel="stylesheet" href="<?= SITE_URL ?>/css/styles.css"/>

wampserver -- 本地主机上的链接已断开

wampserver -- Links are broken on localhost

javascript

css

php

wamp

content-management-system