React не может общаться с узлом ERR_CONNECTION_REFUSED

Question

Я пытаюсь создать приложение React / Node.

Внутри компонента React я пытаюсь заполнить компонент с помощью:

await axios.get('//localhost:8081/')).data;

Узел работает, и netstat показывает, что он прослушивает 8081, кроме того, когда я тестирую с помощью curl, данныевернуло:

curl http://localhost:8081/
[{"id":1,"data":"test"}]

Однако в консоли браузера я вижу:

GET http://localhost:8081/ net::ERR_CONNECTION_REFUSED

Answer 1

«npm start» работал на порту 3000, брандмауэр сервера имел этот порт открытым. узел работал на 8081, этот порт не был открыт.

Я думал, что процесс 3000 (запуск npm) будет напрямую взаимодействовать с процессом (узлом) 8081, или что-то в этом роде. Но похоже, что сервер 3000 дает страницу, а затем ваш браузер напрямую обращается к процессу 8081. Как только я открыл порт 8081 на брандмауэре и изменил строку axios на IP-адрес сервера, все заработало.

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

Answer 2

Проверьте, включены ли cors на стороне сервера.Дополнительно проверьте, использует ли какой-либо другой процесс порт, и процесс узла / сервер фактически работает.