CSS文件链接不显示在PHP页面上

Question

我的 CSS 文件和图片链接在我的 PHP 页面上不起作用，但是当我直接在 .html 文件中添加样式标记时它可以工作。此外，当我添加带有标签的路径时，我的浏览器上不会出现任何样式。

我使用了一些已定义的路径。

define('DS', DIRECTORY_SEPARATOR);

// Path du dossier GLOBE_STORE  define('ROOT', realpath('../').DS);

// Path dossiers app/mvc/public

define('APP_URL', 'GLOBE_STORE' . DS);

当我将链接标签更改为：

<link href="<?php echo APP_URL;?>public/assets/css/landing.css" rel="stylesheet">
<link href="<?php echo APP_URL;?>public/assets/css/bootstrap.css" rel="stylesheet"> `

在控制台中不再有错误，cc 显示在检查器中，但我所有的类变量都是空的。就像里面没有更多的代码一样。

我添加了一些图片，以便您查看我的文件夹结构、检查器和我的浏览器屏幕截图链接： https://drive.google.com/drive/folders/12jsIvb_CKa_NKXTSKM_p8sKICPP7WjdQ?usp=sharing

Answer 1

您指向 css 文件的 url 不正确。它是在基于您的 APP_URL 全局变量加载页面时创建的。根据图像，加载页面时呈现的 css 文件的路径是 http://localhost/GLOBE_STORE/GLOBE_STORE/public/assets/css/landing.css。这显然是不正确的。

似乎持有APP_URL 的全局变量没有为您的基本网址保存正确的值。变量APP_URL 指向字符串“GLOBE_STORE”。

要明白我的意思，不要在<link> 标记中使用APP_URL。尝试手动输入网址，您会看到它有效。很难猜，但是看看你的截图，你的 css 资源的 url 将是 http://localhost/app/public/assets/css/landing.css 和 bootstrap.css。

通过在变量中分配网页的基本 url，您正在做正确的事情，该变量是不正确的。是否有一个名为GLOBE_STORE 的全局变量？该文件的其余部分是什么样的？

define('DS', DIRECTORY_SEPARATOR);

// Path du dossier GLOBE_STORE  define('ROOT', realpath('../').DS);

// Path dossiers app/mvc/public

define('APP_URL', 'GLOBE_STORE' . DS);