在Google Cloud Platform中隐藏URL里的/index.html并解决无尾斜杠跳转问题

我之前也碰到过这个GCP存储桶静态网站的痛点——默认配置下，访问不带斜杠的目录路径（比如./dir）会被强制302跳转到./dir/index.html，而带斜杠的./dir/却能正常保持URL并返回首页内容。这是因为GCP存储桶本质是对象存储，没有传统Web服务器的目录重写能力，默认行为就是通过重定向来处理这类请求。下面给你几个可行的解决方案：

方案一：使用Cloud Load Balancer + URL重写（推荐生产环境） #

这是最稳定且性能最优的方案，通过负载均衡器在后台改写请求路径，不会改变用户看到的URL：

1. 登录GCP控制台，进入负载均衡页面，创建新的HTTP(S)负载均衡实例
2. 在后端配置环节，选择「Cloud Storage bucket」作为后端服务，绑定你的静态网站存储桶。确保存储桶已设置公开可读，或者配置负载均衡的服务账号拥有存储桶的访问权限
3. 进入URL映射配置，添加路径重写规则：
   • 选择「添加主机和路径规则」，设置主机匹配为你的域名
   • 路径匹配使用正则表达式匹配，输入^/([^/]+)$（匹配所有不带斜杠结尾的一级路径，多级目录可调整为^/(.+[^/])$）
   • 开启「URL重写」，选择「前缀重写」，将重写路径设置为/$1/index.html
   • 把这个规则的优先级设为高于默认规则
4. 完成前端配置（绑定域名、SSL证书等），部署负载均衡器

这样用户访问./dir时，负载均衡器会在后台把请求改写为./dir/index.html，返回对应内容，而浏览器地址栏的URL保持不变。

方案二：使用Cloud Functions作为请求中间层 #

如果你的网站流量不大，也可以用Cloud Functions来做请求转发和重写：

1. 创建一个HTTP触发的Cloud Function，运行环境选Node.js或Python都可以
2. 在函数逻辑中：
   • 检查请求路径是否以非斜杠结尾（比如req.path等于/dir）
   • 如果是，构造对应的对象路径（/dir/index.html），从存储桶中读取该对象的内容并返回，同时设置正确的Content-Type（比如text/html）
   • 其他请求直接转发到存储桶的静态网站URL
3. 将你的域名指向Cloud Function的触发URL

这个方案的优点是快速上手，但会有额外的函数调用费用，且高流量场景下性能不如负载均衡。

方案三：临时妥协——设置自定义错误页面（不推荐） #

如果只是临时需求，可以尝试设置404错误页面为一个跳转脚本，但这只是个hack：

• 在存储桶中上传一个404.html，里面包含JavaScript代码，检查当前URL是否是不带斜杠的目录，如果是，用history.replaceState修改URL为带斜杠的版本，再加载对应内容
• 但这个方案体验不好，会有短暂的404状态码，且依赖前端脚本，不适合生产环境

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