PHP动态页面中如何动态加载不同子目录下的CSS文件？

解决子目录下CSS加载路径问题的方案 #

你之前用$_SERVER['REQUEST_URI']的问题在于，它返回的是当前页面的完整请求路径（比如访问localhost/subdir/page.php时，它会返回/subdir/page.php），而不是站点的根路径，所以拼出来的CSS路径自然会带上多余的子目录或页面名，导致加载失败。下面给你几个实用的解决办法：

1. 定义站点根路径常量（最推荐） #

在你的站点入口文件（比如config.php，或者直接在header.php开头）定义一个全局的根路径常量，这样所有页面都能统一调用：

// 如果站点部署在域名根目录（比如 http://localhost/）
define('BASE_URL', 'http://' . $_SERVER['SERVER_NAME'] . '/');

// 如果站点部署在子目录（比如 http://localhost/myproject/）
// define('BASE_URL', 'http://' . $_SERVER['SERVER_NAME'] . '/myproject/');

然后在header.php里引用CSS时，直接用这个常量：

<link rel="stylesheet" href="<?php echo BASE_URL; ?>css/style.css">

这个方法的好处是灵活，不管页面在哪个子目录，都能正确指向根目录下的CSS文件；后期如果站点迁移到其他域名或子目录，只需要修改这一个常量即可。

2. 使用HTML的<base>标签 #

在header.php的<head>标签里添加一个<base>标签，指定全站资源的基准路径：

<head>
    <base href="<?php echo 'http://' . $_SERVER['SERVER_NAME'] . '/'; ?>">
    <!-- 如果是子目录就改成 /myproject/ -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 其他资源比如JS、图片也可以直接用相对路径 -->
    <script src="js/main.js"></script>
</head>

添加这个标签后，所有相对路径的资源都会自动基于<base>指定的路径来解析，不用每个资源都写完整路径，适合资源路径统一的站点。

3. 使用根相对路径（适合根目录部署的站点） #

如果你的站点直接部署在域名根目录下，不需要动态生成域名的话，可以直接用以斜杠开头的绝对路径：

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

浏览器会自动把这个路径解析为http://你的域名/css/style.css，简单直接，但如果后期站点迁移到子目录，就需要批量修改所有资源路径，灵活性稍差。

内容的提问来源于stack exchange，提问作者askemerci