Question

关于这个主题，我已经关注了几个答案，但是没有一个对我有用。

我正在尝试在Cloud Function中启用CORS。此函数返回要在使用Unity制作的WebGL应用程序中播放的视频资源。

这是index.js代码：

const functions = require('firebase-functions');
const cors = require('cors')({origin: true}); 

var admin = require("firebase-admin");

var serviceAccount = require("./something-eb929f7e59.json");

admin.initializeApp({
    credential: admin.credential.cert(serviceAccount),
    databaseURL: "https://app.firebaseio.com"
});

var bucket = admin.storage().bucket("gs://app.appspot.com");

exports.getFileTour = functions.https.onRequest((request, response) => {

    cors((request, response) => {

      response.set('Access-Control-Allow-Origin', "*");
      response.set('Access-Control-Allow-Methods', 'GET');
      response.set('Access-Control-Allow-Headers', 'Content-Type');
      var u = request.query.u;
      var p = request.query.p;
      var filepath = request.query.fp;
      var url_out = '';
      const file = bucket.file(filepath);
      file.getSignedUrl({
          action: 'read',
          expires: '03-17-5000'
      }, function (err, url) {
          if (err) {
              console.error(err);
              return;
          }
          url_out = url;
          response.send(url_out);

          //console.log(request.que);

          });
   });
});

这是我的package.json：

{
  "name": "functions",
  "description": "Cloud Functions for Firebase",
  "scripts": {
    "lint": "eslint .",
    "serve": "firebase serve --only functions",
    "shell": "firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "dependencies": {
    "firebase-admin": "~5.12.1",
    "firebase-functions": "^1.0.3",
    "cors": "^2.8.5"
  },
  "devDependencies": {
    "eslint": "^4.12.0",
    "eslint-plugin-promise": "^3.6.0"
  },
  "private": true
}

在本地文件夹中安装cors之后，我已经使用Firebase CLI部署了该应用程序（不过，我不知道这是否必要）。

但是我仍然在浏览器的控制台中收到此错误：

从原点“ https://resource.mp4”到“ https://origin.firebaseapp.com”的XMLHttpRequest的访问已被CORS策略阻止：在该文件上不存在“ Access-Control-Allow-Origin”标头所请求的资源。

有人可以对此提供一些建议吗？

干杯！

在Firebase Cloud Functions中启用CORS以加载视频资源

0 个答案: