javascript - Firebase HTTP function CORS issue - Stack Overflow

admin管理员组

文章数量:1392007

I cannot get my Firebase http function working when calling it from the client. Here are the errors on the client:

OPTIONS  500 ()

Failed to load : 
Response to preflight request doesn't pass access control check:
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access. 
The response had HTTP status code 500.

Here is what my function looks like:

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

exports.func = functions.https.onRequest((req, res) => {
  return cors((req, res, () => {
    res.send("hello");
  }));
});

The Firebase functions log is providing this information:

TypeError: Cannot read property 'origin' of undefined
    at /user_code/node_modules/cors/lib/index.js:219:39
    at optionsCallback (/user_code/node_modules/cors/lib/index.js:199:9)
    at corsMiddleware (/user_code/node_modules/cors/lib/index.js:204:7)
    at exports.pay.functions.https.onRequest (/user_code/my-func.js:11:10)

Note that 11:10 in the call stack is this: return cors((req, res, () => {

The request I'm making is sending an object with a single key:value pair in the request body. I added the cors middleware based on other questions I've seen on SO, but no luck!

Edit: Adding the request code:

function post(url, obj) {
  return new Promise((resolve, reject) => {
    const req = new XMLHttpRequest();
    req.open('POST', url, true);
    req.setRequestHeader("Content-type", "application/json");

    req.onload = function() {
      if(req.status == 200) {
        return resolve(req.response);
      }
      else {
        return reject(Error(req.statusText));
      }
    };

    req.onerror = function() {
      return reject(Error("Network Error"));
    };

    req.send(JSON.stringify(obj));
  });
}

I cannot get my Firebase http function working when calling it from the client. Here are the errors on the client:

OPTIONS https://us-central1-my-app.cloudfunctions/my-func 500 ()

Failed to load https://us-central1-my-app.cloudfunctions/my-func: 
Response to preflight request doesn't pass access control check:
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access. 
The response had HTTP status code 500.

Here is what my function looks like:

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

exports.func = functions.https.onRequest((req, res) => {
  return cors((req, res, () => {
    res.send("hello");
  }));
});

The Firebase functions log is providing this information:

TypeError: Cannot read property 'origin' of undefined
    at /user_code/node_modules/cors/lib/index.js:219:39
    at optionsCallback (/user_code/node_modules/cors/lib/index.js:199:9)
    at corsMiddleware (/user_code/node_modules/cors/lib/index.js:204:7)
    at exports.pay.functions.https.onRequest (/user_code/my-func.js:11:10)

Note that 11:10 in the call stack is this: return cors((req, res, () => {

The request I'm making is sending an object with a single key:value pair in the request body. I added the cors middleware based on other questions I've seen on SO, but no luck!

Edit: Adding the request code:

function post(url, obj) {
  return new Promise((resolve, reject) => {
    const req = new XMLHttpRequest();
    req.open('POST', url, true);
    req.setRequestHeader("Content-type", "application/json");

    req.onload = function() {
      if(req.status == 200) {
        return resolve(req.response);
      }
      else {
        return reject(Error(req.statusText));
      }
    };

    req.onerror = function() {
      return reject(Error("Network Error"));
    };

    req.send(JSON.stringify(obj));
  });
}

• javascript
• firebase
• google-cloud-functions

Share Improve this question Follow edited Feb 1, 2018 at 23:11 Frank van Puffelen 601k8585 gold badges890890 silver badges860860 bronze badges asked Feb 1, 2018 at 22:30 skwnyskwny 3,18066 gold badges3131 silver badges5252 bronze badges 3

• What does the full request look like? Code for that? – Doug Stevenson Commented Feb 1, 2018 at 22:43
• @DougStevenson, added the code. I call the post method and pass in my URL and obj. – skwny Commented Feb 1, 2018 at 22:47
• Multiple incidents may affect at present Cloud Functions for Firebase. Your issue might derive from this situation. You can follow developments on the Firebase Status Dashboard page. – George Commented Feb 2, 2018 at 1:08

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

Programmer error, as usual:

cors((req, res, () => {
    res.send("hello");
  }));

should be:

cors(req, res, () => {
    res.send("hello");
  });

Had an extra set of parens around the cors args.

本文标签： javascriptFirebase HTTP function CORS issueStack Overflow