如何强制浏览器从GCP存储桶URL下载公共资源？

方案1：纯前端实现（无需调整GCP配置，适配小量资源场景） #

直接给页面上的资源链接a标签添加download属性即可，Next.js内用法示例：

<a 
  href="https://storage.googleapis.com/你的存储桶名称/资源路径/目标文件.pdf"
  download="自定义保存文件名.pdf"
>
  点击下载文件
</a>

注意：如果GCP存储桶的访问域名和你的站点域名不同源时，部分浏览器会忽略download属性，仍然触发浏览器预览，这类场景可以用下面两种方案解决。

方案2：配置GCP存储桶对象元数据（一劳永逸适配全量资源） #

你可以在WordPress上传资源到GCP存储桶的环节，直接给存储对象添加Content-Disposition元字段，值设置为attachment，也可以批量修改已上传的存量资源元数据：

• 单文件修改：进入GCP云存储控制台，找到对应文件进入编辑元数据页面，新增键为Content-Disposition，值为attachment后保存即可。
• 批量修改：使用gsutil命令行工具执行批量更新命令：
  gsutil -m setmeta -h "Content-Disposition: attachment" gs://你的存储桶名称/**
  配置完成后，所有该存储桶内的资源访问请求都会直接触发下载，不会在浏览器内预览。

方案3：动态拼接参数适配混合场景 #

如果你需要同时支持资源预览和下载两种场景，不需要修改存储桶原有配置，只需要在需要触发下载的资源链接后拼接查询参数：
?response-content-disposition=attachment
示例链接：https://storage.googleapis.com/你的存储桶名称/资源路径/目标文件.pdf?response-content-disposition=attachment
该参数会临时告诉GCP返回资源时携带下载响应头，直接触发下载行为。

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