0

Заранее прошу прощения за такой вопрос, впервые использую React. Нужно подключиться к API и взять с неё данные, после тчетных попыток обращаюсь к вам за помощью, скажите, где моя ошибка, в какую сторону смотреть, что я делаю не так ?! Проверил в postman - подключается, видно json. Спасибо !!!

import React, { useState, useCallback } from "react";
import "./App.css";
import axios from "axios";

const accessToken = "туть токен";
const apiUrl = "туть ссылка на API";

const authAxios = axios.create({
  baseUrl: apiUrl,
  headers: {
    Authorization: `Bearer ${accessToken}`,
  },
});

function App() {
  const [payments, setPayments] = useState([]);
  const [requestError, setRequestError] = useState();

  const fetchData = useCallback(async () => {
    try {
      const result = await authAxios.get(`/payments/all`);
      setPayments(result.data);
    } catch (error) {
      setRequestError(error.message);
    }
  });

  return (
    <div className="container">
      <button onClick={() => fetchData()}> Get payments </button>
      {payments.map((payment) => {
        return <p key="payment.id"> {payment.id} </p>;
      })}
      {requestError && <p className="error"> {requestError} </p>}
    </div>
  );
}

export default App;

В итоге результат — ошибкаконсоль

введите сюда описание изображения

15
  • А в постман куда запрос отправляете, по какому url? 11 дек 2020 в 3:50
  • По урлу самой API, в коде я точно так же её подставляю в apiUrl... к сожалению я не могу вам предоставить ссылку из соображений безопасности но могу прикрепить скрин на котором видно что запрос обрабатывается и сервер возвращает json. Возможно я неправильно выбираю путь по которому должен получить данные в (/payments/) ? tratata.dev/api/v1/payments
    – b3Nky
    11 дек 2020 в 5:12
  • 404 ошибка значит, что вы указываете неправильный url. Поэтому внимательно посмотрите, на какой url вы отправляете запрос из postman. Кстати, вы запрос отправляете на localhost:3000 - у вас сервер локально поднят для бакенда? 11 дек 2020 в 5:20
  • Вы знаете, нет, локально сервер не поднимал, как это можно сделать с реакт ?
    – b3Nky
    11 дек 2020 в 6:34
  • Вы отправляете запрос на localhost:3000. По какому url у вас АПИ? Вот по тому адресу и делайте запрос! Реакт здесь абсолютно не при чем. 11 дек 2020 в 6:44

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Посмотрите другие вопросы с метками или задайте свой вопрос.