![](/img/trans.png)
[英]React component has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
[英]blocked by CORS policy: No 'Access-Control-Allow-Origin' header in react / node
出于某种原因,我收到了错误
被 CORS 策略阻止:无“访问控制允许来源”header
从我这里的代码:
import * as firebase from "firebase";
function FreshMail() {
const db = firebase.firestore();
firebase.auth().onAuthStateChanged(function (user) {
if (user) {
let user = firebase.auth().currentUser.uid;
let cityRef = db.collection("Users").doc(user);
let getDoc = cityRef
.get()
.then((doc) => {
if (!doc.exists) {
console.log("No such document!");
} else {
console.log("Document data:", doc.data());
var request = require("request");
let data = doc.data();
var dataString = {
userE: data.UserEmailAddress,
userP: data.UserEmailPassword,
userH: data.UserEmailHost,
userPort: data.UserEmailPort,
};
var headers = {
"Content-Type": "application/json",
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, PUT, POST, OPTIONS",
"Access-Control-Allow-Headers": "*",
};
var options = {
url:
"https://us-central1-zenmail-bfd57.cloudfunctions.net/***",
method: "POST",
body: dataString,
headers: headers,
};
function callback(error, response, body) {
if (!error && response.statusCode == 200) {
console.log(body);
}
}
request(options, callback);
}
})
.catch((err) => {
console.log("Error getting document", err);
});
}
});
}
export default FreshMail;
我尝试将访问控制允许来源添加到 header 但即使这样似乎也不起作用。 我已经尝试从 localhost 和我的 firebase 主机运行它,并且两者都出现错误。 任何帮助,将不胜感激!
我有同样的问题,这篇文章可能会帮助你
我使用https://cors-anywhere.herokuapp.com/https://nameofapisite.com
对我来说效果很好
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.