如何修改子目录根路径？XAMPP项目链接适配问题咨询

我来给你几个实用的解决方案，既能搞定本地开发时的路径问题，又能保证上线后不用手动修改所有链接：

1. 配置Apache虚拟主机（最推荐） #

这个方法能让你的本地项目完全模拟线上环境的域名访问，彻底解决根路径指向问题：

• 打开XAMPP安装目录下的 apache/conf/extra/httpd-vhosts.conf 文件
• 添加以下虚拟主机配置（注意替换成你的项目实际路径）：

<VirtualHost *:80>
    ServerName currentproj.test  # 自定义本地域名，比如xxx.test
    DocumentRoot "C:/xampp/htdocs/projects/currentproj"  # 你的项目根目录绝对路径
    <Directory "C:/xampp/htdocs/projects/currentproj">
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>

• 修改本地hosts文件：
  • Windows：打开 C:\Windows\System32\drivers\etc\hosts，添加一行 127.0.0.1 currentproj.test
  • Mac/Linux：打开 /etc/hosts，同样添加上述内容
• 重启XAMPP的Apache服务

之后你访问 currentproj.test 就直接进入项目根目录，页面里用 / 开头的链接（比如 <a href="/about">）会自动指向项目根，和线上环境完全一致，上线时只需要在服务器配置对应域名即可，代码不用做任何修改。

2. 动态定义基础路径常量（适合后端项目） #

如果是PHP这类后端驱动的项目，可以通过判断环境动态设置基础路径：

在项目的全局配置文件（比如 config.php）里添加：

// 根据当前域名判断环境
if (in_array($_SERVER['HTTP_HOST'], ['localhost', 'currentproj.test'])) {
    define('BASE_URL', '/projects/currentproj/');
} else {
    define('BASE_URL', '/'); // 线上环境的根路径
}

然后所有链接都用这个常量开头：

<a href="<?php echo BASE_URL; ?>contact">联系我们</a>
<link rel="stylesheet" href="<?php echo BASE_URL; ?>css/style.css">

这样本地和线上会自动切换路径，不用手动修改链接。

3. 使用HTML <base> 标签（适合静态项目） #

纯静态项目可以用<base>标签统一指定页面的基础URL：

在页面的<head>里添加：

<!-- 本地开发时 -->
<base href="http://localhost/projects/currentproj/">
<!-- 上线后修改为线上域名 -->
<base href="https://your-online-domain.com/">

之后页面里所有相对路径都会基于这个<base>的href来解析，比如<a href="/about">会自动拼接成对应的完整URL。如果不想手动切换，可以用构建工具（比如Gulp、Webpack）在打包时自动替换这个值。

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