Question

我制作了一个Web应用程序，其中包括一个包含两个字段的表单，我想做的是单击按钮时，我的数据应写入Firebase。因此，我做了一个onclick函数，该函数可写入Firebase，该函数被调用，但不写入Firebase。我收到此错误消息：

跨域请求被阻止：“相同来源策略”不允许在以下位置读取远程资源 https://firebasestorage.googleapis.com/v0/b/storymap-da000.appspot.com/o?name=11-2-2018-0-6-27。（原因：CORS请求未成功）。[了解更多]

我的原始JavaScript代码：

var config = {
    apiKey: "XXX",
    authDomain: "XXX",
    databaseURL: "XXX",
    projectId: "XXX",
    storageBucket: "XXX",
    messagingSenderId: "XXX"
  };
 firebase.initializeApp(config);

window.addEventListener('load', function() {

const fileButton = document.getElementById("fileButton");
const up = document.getElementById("up")


});


fileButton.addEventListener('change', function(e){
                var file = e.target.files[0];
                var storageRef = firebase.storage().ref(image_name);
               storageRef.put(file)

});

up.onclick=function(){

var lat = new URL(location.href).searchParams.get("lat")
var lng = new URL(location.href).searchParams.get("lng")
var title = document.getElementById("title").value
var story = document.getElementById("story").value


var database = firebase.firestore()

database.collection("Stories").add({
title:title,
story:story,
lat: lat,
lng:lng,
url:image_name});}

有什么想法吗？

Answer 1

我认为您需要在Firebase应用中注册您的域

使用JavaScript写入Firebase存储时，“跨域请求被阻止”

1 个答案: