网站URL多余末尾斜杠及子页面路径显示优化求助

核心方案：利用服务器默认索引页 #

把About文件夹里的abt.html重命名为index.html。绝大多数Web服务器（Apache、Nginx、IIS等）都会自动加载文件夹下的index.html作为默认页面，这样你访问../About时，服务器会直接返回这个文件的内容，URL就会保持为../About，不会显示后面的abt部分。

修复URL末尾多斜杠的问题 #

如果仍出现多余的末尾斜杠，可以通过服务器配置重定向：

Apache 配置 #

在.htaccess文件中添加规则：

# 去掉末尾多余的斜杠
RewriteEngine On
RewriteRule ^(.*)/+$ $1 [R=301,L]

Nginx 配置 #

在站点配置的server块内添加：

# 去掉末尾多余的斜杠
rewrite ^/(.*)/+$ /$1 permanent;

静态站点生成器/框架的额外设置 #

如果你使用Hugo、Hexo这类静态站点生成器，或是Vue、React框架，可以通过配置指定路由别名：

• Hugo：在abt.md的front matter里设置url = "/About/"，确保生成的文件为About/index.html
• Vue Router：配置路由路径为/About，对应组件指向原abt页面的内容

这样就能同时解决两个问题：URL仅显示文件夹名，且无多余末尾斜杠。

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