Блог

Я не могу понять, что я здесь делаю не так, поэтому буду признателен за глаза или идею о том, как это исправить

Экспресс (4.17.1) Реакция (17.0.2)

Это прекрасно работает:

 router.get('/test', postListView)
router.post('/', postCreateView)
 

но это не удается:

 router.get('/', postListView)
 

Контроллеры:

 const postListView = async (req, res) => {
    // No output from req.method when route is to '/'
    console.log(req.method)
    res.json({message: 'List View'})
}

const postCreateView = async (req, res) => {
    console.log(req.method)
    res.json({message: 'Create View'})
}
 

Мой запрос на сообщение Реагирует на вызов (работает нормально):

 fetch(`/`,{
  method:'POST',
  headers:{
    'Content-type':'application/json'
  },
  body: JSON.stringify({title:text.current.value})
})
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.log(err.message))
 

ПОЛУЧИТЬ запрос, который не удается:

 fetch(`/`)
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.log(err.message))
 

Ошибка в запросе GET:

 Unexpected token < in JSON at position 0
 

Я могу открыть запрос GET в браузере, перейдя напрямую в express (localhost:5000).

Реакция проходит через «прокси»:»http://127.0.0.1:5000″

Я думаю, что мне не хватает чего-то фундаментального с запросами GET здесь, но я не вижу этого, поэтому любая помощь или документы будут оценены по достоинству.

Спасибо,

Так как вы используете /test в качестве ресурса путь для ПОЛУЧЕНИЯ маршрута. Лучше использовать тот же маршрут, чтобы сделать запрос GET из вашего приложения react.

 fetch(`/test`)
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.log(err.message))
 

Для / пути вам необходимо указать, какой метод вы используете, так как вы используете один и тот же путь как для методов запроса GET, так и для запроса POST.

 fetch(`/`, { method:'GET' })
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.log(err.message))