Я хочу извлекать изображения, которые я сохранил локально, из своего бэкэнда. Объект содержит адрес изображений локально. Я хочу, чтобы этот объект был извлечен

#node.js #reactjs #connection #fetch #backend

#node.js #reactjs #подключение #извлекал #бэкэнд

Вопрос:

Мой запрос в интерфейсе

 React.useEffect(() => {
if(!props.name)
return;
fetch(`http://localhost:4000/${props.name}`)
  .then((res) => res.json())
  .then((data) => {
    console.log("Respponse from Server" ,data);
    setStoryData(data);
  });
}, [props.name]);
 

Данные, которые я хочу вернуть здесь, это:

 {
  name: "Ronnie",
  img1: __dirname   '/contactData/car1.jpg',
  img2: __dirname   '/contactData/car2.jpg',
  img3: __dirname   '/contactData/car3.jpg',
}
 

Адресом изображений, хранящихся локально. Я проверил вручную, что они работают

Это ошибка, которую я получаю, когда пытаюсь получить запрос

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

1. Я думаю, что полученный вами ответ не является допустимым json. проверьте $ {props.name } api.

2. Да, я немного новичок в этих вещах, как я могу создать действительный json

3. Опубликовал код api. Трудно понять, что не так, не имея полной картины.

4. Уберите последнее «,» и все должно быть в порядке. Взгляните на json.org/json-en.html .