如何正确分配HTML页面路径？解决产品页显示文件夹索引问题

问题核心：访问www.mysite.com/products时，服务器默认会查找该目录下的索引文件（如index.html），找不到就显示文件夹内容。你当前的产品列表页没被设为目录默认加载文件，导致出现索引页而非预期页面。

以下是几种可行解决方案：

方案1：调整文件命名（最简单直接） #

• 把你的产品列表页面文件重命名为index.html，放在products文件夹根目录下。这样访问www.mysite.com/products时，服务器自动加载这个index.html，不会再显示文件夹索引。
• 产品详情页product1.html留在products文件夹里，访问www.mysite.com/products/product1就能正常打开。

方案2：配置服务器默认索引文件 #

如果不想改文件名，可通过服务器配置指定优先加载的文件：

Apache服务器 #

• 在网站根目录下找.htaccess文件（没有就新建），添加代码：

DirectoryIndex product.html index.html index.php

这样服务器访问/products时，会优先加载product.html作为目录索引。

Nginx服务器 #

• 打开站点配置文件（通常在/etc/nginx/sites-available/下），找到location /products块，修改index指令：

location /products {
    index product.html index.html index.php;
}

修改后重启Nginx：sudo systemctl restart nginx

方案3：URL重写（适合自定义URL场景） #

要是想保留原文件名，又想用/products直接访问列表页，可配置URL重写：

Apache（.htaccess） #

RewriteEngine On
RewriteRule ^products/?$ /products/product.html [L]

Nginx #

location = /products {
    rewrite ^ /products/product.html last;
}

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