Задать вопрос
@JadeShopKeeper

При попытке получения данных через Axios получаю странную ошибку?

axios.defaults.baseURL = 'http://localhost:5000';
  const [products, setProducts] = React.useState([]);
  React.useEffect(() => {
    const fetchData = async () => {
      const result = await axios.get('/api/products');
      setProducts(result.data);
    };
    fetchData();
  }, []);
62767086c5024355397798.png
  • Вопрос задан
  • 72 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Решения вопроса 1
black1277
@black1277
Вольный стрелок
Вы пытаетесь получить данные с хоста localhost:5000 находясь на хосте localhost:3000. Даже не смотря на то, что различается всего лишь порт - политика безопасности браузера предотвращает такое поведение. Погуглите, что такое CORS и возможно, вам поможет использование библиотеки cors на стороне сервера. Примеры использования там есть.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽