Реагируйте на работу в сети через JSON API Express

Question

Я пытаюсь создать приложение React Native с сервером Express / базой данных PostgreSQL. У меня есть следующий запрос на выборку в одном из моих компонентов

componentDidMount() {
    fetch('/users')
    .then(response => response.json())
    .then(data => {
    this.setState({
        users: true
      })
    })
   }

Конечная точка '/ users' определена в моем файле сервера как:

app.get('/users', (request, response) => {
   Users.all().then(users => {
   const templateData = {};
   templateData.data = users;
   response.json(templateData);
  })
});

Сервер прослушивает порт 4567

В package.json у меня есть прокси, настроенный так:

"proxy": "http://localhost:5000/",

Моя проблема в том, что я продолжаю получать сообщение об ошибке «Ошибка сетевого запроса» при вызове componentDidMount. Любые идеи о том, как заставить мой сервер взаимодействовать с моими компонентами? Спасибо!

Answer 1

Я не использовал "прокси" раньше, но ваша первая проблема заключается в том, что ваш URL-путь содержит неверный порт. Если ваш сервер прослушивает порт 4567, ваш URL-адрес должен быть "http://localhost:4567".

Я бы предложил сделать запрос на получение с этим полным URL, а не только путем / users. Ex /

fetch('http://localhost:4567/users')
.then(response => response.json())
.then(data => {
this.setState({
users: true
})