时间戳

首页 > 解决方案 > 从 Vue webapp 上传文件时 Firebase 存储 CORS 错误

firebase - 从 Vue webapp 上传文件时 Firebase 存储 CORS 错误

问题描述

我正在尝试使用此代码从 vue webapp 上传 pdf 文件

let storageRef = firebase.storage().ref();
let uploadTask = storageRef.child("results").put(file);

当我在控制台中选择文件时，我看到了这个错误。

(Reason: header ‘x-firebase-gmpid’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response)

我尝试通过 gsutil 设置 cors 配置

[
  {
    "origin": ["*"],
    "responseHeader": ["Content-Type"],
    "method": ["GET", "HEAD", "DELETE"],
    "maxAgeSeconds": 3600
  }
]

仍然得到同样的错误。

标签： firebasevue.jscors

解决方案

这是最新的 firebase js 版本 v7.9.2 中的一个错误。如果您将 firebase 降级到 v7.9.1，错误就会消失。

推荐阅读