Я пытаюсь сделать GET-запрос к моему внутреннему API, расположенному на Heroku, используя fetch в React. Ответ JSON. Мое приложение реагирования развернуто на AWS ampify, и запрос API работает, только если я использую npm start для запуска приложения на локальном хосте. У меня есть свой внутренний URL-адрес, сохраненный на прокси в пакете. json, и он точно такой же для моего локального кода и развернутого кода. Код, который выполняет выборку -
componentDidMount() {
fetch(this.courseURL)
.then((res) => res.json())
.then((data) => {
console.log(data)
let courses = data.map((course) => {
const { course_info, modules } = course;
return <CourseItem
key={course_info.id}
info={course_info}
redirectPath={`/courses/${course_info.id}`}
instructor={course_info.teacher.name}
numModules={ modules.length }
/>
})
this.setState({courses: courses})
console.log(this.state.courses)
})
.catch(err => console.log(err))
}
И ошибка, которую я получаю в своем журнале консоли.
SyntaxError: Unexpected token < in JSON at position 0
Опять же, это не происходит при запуске моего код локально, это происходит только в развернутой версии.