Не удалось получить данные json (хранящиеся в «Хранилище» Firebase) в React.js из-за CORS

# #reactjs #firebase

Вопрос:

Я использую componentDidMount(){} для извлечения данных из раздела хранилища Firebase (не базы данных реального времени или базы данных firestore). В хранилище у меня есть простой файл example_data.json.

Код, который я использую для извлечения файла json, приведен ниже. После запуска console.log(url) и вставки зарегистрированного URL-адреса в строку поиска я вижу, что там есть данные json. Однако я не могу запустить res.json() без сбоя всего процесса.

Первоначально сообщение об ошибке, которое я получил, было связано с отсутствием доступа к данным из-за CORS. Чтобы обойти это, я установил «режим:» без корсов «» в моей выборке(). Теперь я получаю ошибку «app.js:58 Неперехваченная (в обещании) синтаксическая ошибка: Неожиданный конец ввода в…», которая, судя по тому, что я прочитал, вызвана тем, что у меня есть только непрозрачный доступ к данным.

Как я могу обойти это, чтобы я мог импортировать свои данные json? Я новичок в реагировании и даже новичок в Firebase, поэтому я очень признателен за любые советы здесь.

 componentDidMount(){
        var storage = firebase.storage(); 
        console.log(storage);
        const file = [ 'example_data.json' ]; 
        var url_store = "";
        file.map( filename => {
            storage
            .ref( `/${filename}` )
            .getDownloadURL()
            .then( url => {
                console.log(url)
                fetch(url,{mode: 'no-cors'})
                .then(res => {
                    // Convert the response data to a JSON.
                    return(res.json())
                    //return res.json();
                  }, err => {
                    // Print the error if there is one.
                    console.log(err);
                })
            })
        });