Задать вопрос
@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 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Merion Academy
    Frontend-разработка на React
    4 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
Решения вопроса 1
black1277
@black1277
Вольный стрелок
Вы пытаетесь получить данные с хоста localhost:5000 находясь на хосте localhost:3000. Даже не смотря на то, что различается всего лишь порт - политика безопасности браузера предотвращает такое поведение. Погуглите, что такое CORS и возможно, вам поможет использование библиотеки cors на стороне сервера. Примеры использования там есть.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽