Сетевая ошибка React (интерфейс) и Nodejs (бэкэнд) - PullRequest
Новая
       104

Сетевая ошибка React (интерфейс) и Nodejs (бэкэнд)

0 голосов
/ 21 июня 2020

Я не могу связать свой интерфейс (React) и бэкэнд (Nodejs) вместе с Ax ios, так как он продолжает сталкиваться с сетевой ошибкой (я также включил CORS в свое внутреннее приложение, но он по-прежнему не работает). Бэкэнд также работает на Postman, но не когда он интегрирован с интерфейсом. Frontend работает на localhost: 3000, а backend - на localhost: 5000 

Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:83)

Вот как выглядит мой код: Frontend: 

axios.get("http://localhost:5000")
.then((res) => {
  console.log(res.data);
  alert("Hi succeedd");
  })
  .catch((err) => {
  console.error(err);
  alert("Try again");
  });

Backend: 

const express = require("express");
const connectDB = require("./config/db");
var cors = require("cors");

const app = express();
app.use(cors({ origin: true, credentials: true }));

//Connect to database
connectDB();

//Init middleware to read data sent in req.body
app.use(express.json({ extended: false }));

app.get("/", (req, res) => res.send("API running"));

const PORT = process.env.PORT || 5000;
app.listen(PORT, () => console.log(`Server started on ${PORT}`));

1 Ответ

0 голосов
/ 21 июня 2020

правильно ли вы настроили прокси в своем package.json?

вы должны добавить эту строку: "proxy": "http://localhost:5000", чтобы он знал прокси-запросы между локальным интерфейсом и сервером

подробнее см. здесь: https://www.twilio.com/blog/react-app-with-node-js-server-proxy

...