Блог

Главная - Вопросы по программированию - Reactjs и firebase ::net ::ERR_CONNECTION_TIMED_OUT

Reactjs и firebase ::net ::ERR_CONNECTION_TIMED_OUT

#reactjs #firebase #firebase-realtime-database #react-redux

#reactjs #firebase #firebase-база данных в реальном времени #реагировать-redux

Вопрос:

Это проект react, и я получил следующую ошибку, я создаю отдельную папку для Axios, код этого файла приведен ниже, и после этого я его импортирую,

 import axios from 'axios';

const instance = axios.create({
    baseURL: 'https://burger-builder-urro.firebaseio.com/'
});

export default instance;

И код другого файла, из которого я хочу опубликовать данные, приведен ниже:

     purchasecontinuedHandler= ()=>{
            // alert("You Continue");
    
            const order = {
                ingredients: this.state.ingredients,
                price: this.state.totalprice,
                customer : {
                    name: "Mubarra",
                    address: {
                        street: 'Teststreet 1',
                        zipcode: '9382',
                        country: 'pakistan'
                    },
                    email: 'mubarraajmal.uet@gmail.com'
                },
                deliveryMethod : 'fastest'
            }
            axios.post('/orders.json', order)
                .then(response => console.log(response))
                .catch(error => console.log(error));
        }

Я действительно не знаю, почему он показывает эту ошибку:

это следующая ошибка, которую я получил

Ответ №1:

Куда вы прикрепляете baseUrl с помощью axios Post? Я думаю, вы забыли добавить это?

Комментарии:

1. что вы имеете в виду из append?

2. Вы экспортировали экземпляр, но где вы его использовали при публикации? Вы снова использовали axios.post? не instance.post?

3. Но я импортирую его следующим образом:: import axios из ‘.. / ../ axios-order’; тогда поэтому я использовал axios.post!!

4. о, теперь это работает, большое спасибо, сэр. имя импорта должно совпадать с именем компонента??

5. Когда вы выполняете экспорт по умолчанию, имя может быть любым, но в случае, если вам нужно экспортировать более одной функции или класса, имя должно быть одинаковым!. Для такого экспорта вам необходимо импортировать, например, import { name } из ‘location’