如何配置托管服务从子文件夹加载根索引文件？

当然可以实现！不同的托管平台和服务器环境有不同的配置方式，我整理了几种常见场景的具体操作方法，你可以对应自己的情况来设置：

1. GitHub Pages #

如果你的站点托管在GitHub Pages上，操作非常直观：

• 打开你的仓库，进入「Settings」→「Pages」页面
• 在「Source」区域的「Branch」下拉框下面，选择「Folder」选项，直接指定你的子文件夹（比如docs或者build）
• 保存设置后，GitHub Pages就会自动从你指定的子文件夹中加载index文件了

如果是静态站点且不需要Jekyll构建，记得在根目录添加一个.nojekyll文件避免构建干扰。

2. Netlify #

Netlify支持两种方式配置：

方式一：指定发布目录 #

• 在Netlify控制台的站点设置中，找到「Build & deploy」→「Build settings」
• 在「Publish directory」输入框中填写你的子文件夹路径（比如./my-subfolder）
• 保存后重新部署即可

方式二：用配置文件设置重定向 #

在项目根目录创建netlify.toml文件，写入以下内容：

[[redirects]]
  from = "/"
  to = "/my-subfolder/index.html"
  status = 200
  force = true

提交这个文件到仓库，Netlify会自动应用这个重定向规则。

3. Vercel #

Vercel的配置和Netlify类似：

方式一：设置输出目录 #

在项目根目录创建vercel.json文件，指定输出目录为你的子文件夹：

{
  "buildCommand": "npm run build", // 替换成你的构建命令（如果有的话）
  "outputDirectory": "my-subfolder"
}

方式二：配置重定向 #

同样在vercel.json中添加重定向规则：

{
  "redirects": [
    {
      "source": "/",
      "destination": "/my-subfolder/",
      "permanent": true
    }
  ]
}

4. Nginx（自建服务器） #

如果你是自己搭建Nginx服务器，修改站点配置文件（通常在/etc/nginx/sites-available/目录下）：

方式一：直接修改根目录 #

在server块中修改root路径，指向你的子文件夹：

server {
    listen 80;
    server_name your-domain.com;
    root /var/www/your-site/my-subfolder; # 这里改为子文件夹路径
    index index.html index.htm;
}

方式二：添加重写规则 #

如果不想修改根目录，可以添加rewrite规则：

server {
    listen 80;
    server_name your-domain.com;
    root /var/www/your-site;
    index index.html index.htm;

    rewrite ^/$ /my-subfolder/index.html permanent;
}

修改完成后，执行sudo systemctl restart nginx重启服务生效。

5. Apache（自建服务器） #

在站点根目录创建.htaccess文件，写入以下内容之一：

方式一：指定默认索引文件 #

DirectoryIndex /my-subfolder/index.html

方式二：设置重定向 #

RewriteEngine On
RewriteRule ^$ /my-subfolder/ [L]

核心思路总结：要么直接让托管服务把你的子文件夹作为站点根目录来加载，要么通过重定向规则，把域名根路径的请求转发到子文件夹中的index文件。根据自己使用的服务选择对应的方法就好啦！

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