无法将Firebase Storage的getDownloadUrl返回的下载URL用作图片src

云原生阿岚

2026-9-29

问题原因及排查解决步骤

优先检查URL转义问题
你当前页面源码里的图片URL中&符号被转义为&，如果是存储到数据库时就已经做了多余的HTML转义，会导致Firebase存储无法正确识别token参数，进而返回错误无法加载图片。
排查方法：直接复制数据库中存储的原始URL，粘贴到浏览器隐身窗口访问，如果无法打开，说明存储URL的环节出错，后续存储getDownloadUrl返回结果时，直接存原始字符串即可，不要做任何转义处理。
如果数据库里的原始URL可以直接打开，打开浏览器开发者工具的「网络」面板，筛选图片类请求，查看该图片实际发起请求的URL是否和原始URL一致，若存在多余转义字符，说明前端渲染环节做了多余的转义处理，调整渲染逻辑即可。
确认存储权限配置生效
你提到已经开启公共访问权限，需要同时确认两层权限配置：
1. Firebase存储规则配置正确，示例公共读规则如下：
```
rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read: if true;
      // 写权限可根据业务需求自行配置
      allow write: if request.auth != null;
    }
  }
}
```
1. 确认GCP控制台对应存储桶的全局权限没有开启「阻止公开访问」开关，该开关优先级高于Firebase规则，开启后即使规则配置正确也会拦截公共访问请求。
确认文件及token有效性
检查存储路径images/614d7b76e842ab0c54eb6748.jpg对应的文件是否仍然存在，没有被删除、移动。同时确认你没有主动撤销过该文件的下载token，getDownloadUrl返回的带token的URL默认长期有效，撤销后会失效。