PHP网站子页面导航失效求助：引入根目录header后路径错误

核心思路是用动态生成的网站根绝对URL替代相对路径，确保无论当前页面处于哪个目录层级，导航链接都能精准指向根目录下的目标文件。

具体修改步骤 #

1. 在header.php顶部添加根URL常量定义 #

在header.php最开头（任何输出之前）添加代码，动态适配HTTP/HTTPS及不同域名环境：

<?php
// 优先启动会话（必须在输出前执行，避免报错）
session_start();

// 动态生成网站根URL，兼容HTTP/HTTPS、本地/线上环境
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
define('ROOT_URL', $protocol . $_SERVER['HTTP_HOST'] . '/');

// 引入数据库连接文件（改用根URL路径）
require ROOT_URL . 'resources/database/mysqli_connect.php';

$rank = 0;
// 原有会话逻辑保持不变
if(!empty($_SESSION["id"])){
    $id = $_SESSION["id"];
    $rank = $_SESSION["rank"];
    $result = mysqli_query($conn, "SELECT * FROM users WHERE id = $id");
    $row = mysqli_fetch_assoc($result);
}
?>

2. 修改header.php中所有导航链接 #

将所有相对路径的href替换为基于ROOT_URL的绝对路径：

<!DOCTYPE html>
<html>
    <head>

    </head>
    <header>
        <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
            <a href="<?php echo ROOT_URL; ?>index.php" class="navbar-brand">IKAWORLD</a>
            <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarMenu">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarMenu">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a href="<?php echo ROOT_URL; ?>index.php" class="nav-link">Home</a>
                    </li>
                    <?php 
                    if($rank == 5){
                        echo
                            "<li class='nav-item'>
                                <a href='".ROOT_URL."admin.php' class='nav-link'>Admin</a>
                            </li>";
                    }
                    ?>
                    <?php 
                    if(empty($_SESSION["id"])){
                        echo 
                            "<li class='nav-item'>
                                <a href='".ROOT_URL."login.php' class='nav-link'>Login</a>
                            </li>
                            <li class='nav-item'>
                                <a href='".ROOT_URL."register.php' class='nav-link'>Register</a>
                            </li>";
                    } else{
                        echo
                            "<li class='nav-item'>
                                <a href='".ROOT_URL."profile.php' class='nav-link'>Profile</a>
                            </li>
                            <li class='nav-item'>
                                <a href='".ROOT_URL."logout.php' class='nav-link'>Logout</a>
                            </li>";
                    }
                    ?>
                </ul>
            </div>
        </nav>
    </header>
</html>

3. 优化其他页面的资源路径（可选） #

对于其他页面中的CSS、JS等资源引用，也可以统一使用ROOT_URL，避免层级路径问题，例如profile.php中的CSS链接：

<link rel="stylesheet" href="<?php echo ROOT_URL; ?>resources/stylesheet/stylesheet.css">
<link rel="stylesheet" href="<?php echo ROOT_URL; ?>resources/stylesheet/register.css">

方案原理 #

• ROOT_URL会自动生成当前网站的根域名（如http://localhost/或https://yourdomain.com/），无需硬编码具体域名，适配所有环境。
• 所有导航链接使用基于根域名的绝对路径，无论当前页面在根目录还是子文件夹，点击导航都会直接指向根目录下的目标文件，彻底解决相对路径的层级错误。

额外提示 #

• 你的SQL查询存在SQL注入风险，建议改用预编译语句，例如：

$stmt = $conn->prepare("SELECT * FROM users WHERE id = ?");
$stmt->bind_param("i", $id);
$stmt->execute();
$result = $stmt->get_result();
$row = $result->fetch_assoc();

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