将数据发送到firebase
数据库时出错:
从原点“ https://us-central1-pwagram-f39a5.cloudfunctions.net/storePostData”到“ http://localhost:3030”的访存访问已被CORS策略阻止:对预检请求的响应未通过访问控制检查:否“访问控制允许-原始标头出现在请求的资源上。如果不透明的响应满足您的需求,请将请求的模式设置为“ no-cors”,以在禁用CORS的情况下获取资源
在部署到cors
之后使用firebase
更改端点时遇到了这个问题。但是在本地主机上运行时只有一个错误。我需要在本地主机上使用它,因为我仍在使用它进行开发。
首先,我运行:npm install firebase-admin cors --save
这是我在文件夹firebase
上的 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"
},
"engines": {
"node": "8"
},
"dependencies": {
"cors": "^2.8.5",
"firebase-admin": "^8.9.1",
"firebase-functions": "^3.3.0"
},
"devDependencies": {
"eslint": "^5.12.0",
"eslint-plugin-promise": "^4.0.1",
"firebase-functions-test": "^0.1.6"
},
"private": true
}
这是我需要cors模块的 index.js 文件:
var functions = require('firebase-functions');
var admin = require('firebase-admin');
const cors = require('cors')({origin: true});
exports.storePostData = functions.https.onRequest(function(request, response) {
return cors(function(request, response) {
admin.database().ref('posts').push({
id: request.body.id,
title: request.body.title,
location: request.body.location,
image: request.body.image
})
.then(function() {
return response.status(201).json({message: 'Data stored', id:request.body.id});
})
.catch(function(err) {
return response.status(500).json({error: err});
});
});
});
这是我的 sw.js 函数,它使用函数firebase
,但不起作用:
self.addEventListener('sync', function(event) {
console.log('[Service Worker] Background syncing', event);
if (event.tag === 'sync-new-posts') {
console.log('[Service Worker] Syncing new Posts');
event.waitUntil(
readAllData('sync-posts')
.then(function(data) {
for (var dt of data) {
fetch('https://myFirebaseFUnctionLink/storePostData', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
id: dt.id,
title: dt.title,
location: dt.location,
image: 'https://myfirebaselink/'
})
})
.then(function(res) {
console.log('Sent data', res);
if (res.ok) {
deleteItemFromData('sync-posts', dt.id); // Isn't working correctly!
}
})
.catch(function(err) {
console.log('Error while sending data', err);
});
}
})
);
}
});
当我使用常规的Firebase数据库链接.json
更改https://myFirebaseFUnctionLink/storePostData时,它的工作正常。
此错误发生在firebase
函数中:
TypeError: Cannot read property 'origin' of undefined
at /srv/node_modules/cors/lib/index.js:219:40
at optionsCallback (/srv/node_modules/cors/lib/index.js:199:9)
at corsMiddleware (/srv/node_modules/cors/lib/index.js:204:7)
at /srv/index.js:9:9
at cloudFunction (/srv/node_modules/firebase-functions/lib/providers/https.js:49:9)
at /worker/worker.js:783:7
at /worker/worker.js:766:11
at _combinedTickCallback (internal/process/next_tick.js:132:7)
at process._tickDomainCallback (internal/process/next_tick.js:219:9)
答案 0 :(得分:0)
我有同样的问题。关键是cors方法的语法。它需要3个参数:req,res,一个函数
return cors(req, res, function () {
admin
.database()
.ref('posts')
.push(req.body)
.then(function () {
return res.status(201).json({
message: 'Data stored',
id: req.body.id,
});
})
.catch(function (err) {
return res.status(500).json({
error: err,
});
});
});
答案 1 :(得分:0)
我遇到了同样的问题, 您必须进入“功能”文件夹中的“ .eslintrc.json”并注释或删除此行:
"promise/always-return": 2,
在那之后,您不必总是在then块中添加return,因此可以像这样删除return关键字:
const functions = require('firebase-functions');
const admin = require('firebase-admin');
const cors = require('cors')({ origin: true });
// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
const serviceAccount = require('./serviceAccountKey.json');
admin.initializeApp({
credential: admin.credential.cert(serviceAccount),
databaseURL: 'https://you-project-addres.firebaseio.com/',
});
exports.storePostData = functions.https.onRequest((request, response) => {
return cors(request, response, () => {
admin
.database()
.ref('posts')
.push({
id: request.body.id,
title: request.body.id,
location: request.body.location,
image: request.body.image,
})
.then(() => {
response.status(201).json({ message: 'Data stored', id: request.body.id });
})
.catch((err) => {
response.status(500).json({ error: err });
});
});
});