reactjs - React axios request to node express app gets blocked by cors - Stack Overflow

admin管理员组

文章数量:1026630

I get this error when trying to make a request from react to my node server, even though I enabled cors so I dont understand why.

Error Message in the console:

Error message in the network tab:

react axios request:

try {
  const url = "http://192.168.178.112:8080/api/users";
  const { data: res } = await axios.post(url, data);
  navigate("/login");
  console.log(res.message);
} catch (error) {
  if (
    error.response &&
    error.response.status >= 400 &&
    error.response.status <= 500
  )
    setError(error.response.data.message);
}

node js express:

require("dotenv").config();
const express = require("express");
const app = express();
const cors = require("cors");
const connection = require("./db");
const userRoutes = require("./routes/users");
const authRoutes = require("./routes/auth");

connection();

app.use(express.json());
app.use(cors());

app.use("/api/users", userRoutes);
app.use("/api/auth", authRoutes);

const port = process.env.PORT || 8080;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

I get this error when trying to make a request from react to my node server, even though I enabled cors so I dont understand why.

Error Message in the console:

Error message in the network tab:

react axios request:

try {
  const url = "http://192.168.178.112:8080/api/users";
  const { data: res } = await axios.post(url, data);
  navigate("/login");
  console.log(res.message);
} catch (error) {
  if (
    error.response &&
    error.response.status >= 400 &&
    error.response.status <= 500
  )
    setError(error.response.data.message);
}

node js express:

require("dotenv").config();
const express = require("express");
const app = express();
const cors = require("cors");
const connection = require("./db");
const userRoutes = require("./routes/users");
const authRoutes = require("./routes/auth");

connection();

app.use(express.json());
app.use(cors());

app.use("/api/users", userRoutes);
app.use("/api/auth", authRoutes);

const port = process.env.PORT || 8080;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

• reactjs
• node.js
• express
• cors
• mern

Share Improve this question Follow asked Nov 16, 2024 at 17:10 robinnlmnrobinnlmn 3111 silver badge1010 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

it does not seem like CORS problem, if you take a closer look at the browser logs, you'll see it says net::ERR_DISCONNECTED_INTERNET,

The net::ERR_DISCONNECTED_INTERNET error in JavaScript usually indicates that the browser has lost its connection to the internet. This error often occurs when trying to make network requests (e.g., using fetch, axios, or WebSocket) while the device is offline or there is a problem with the network.

I get this error when trying to make a request from react to my node server, even though I enabled cors so I dont understand why.

Error Message in the console:

Error message in the network tab:

react axios request:

try {
  const url = "http://192.168.178.112:8080/api/users";
  const { data: res } = await axios.post(url, data);
  navigate("/login");
  console.log(res.message);
} catch (error) {
  if (
    error.response &&
    error.response.status >= 400 &&
    error.response.status <= 500
  )
    setError(error.response.data.message);
}

node js express:

require("dotenv").config();
const express = require("express");
const app = express();
const cors = require("cors");
const connection = require("./db");
const userRoutes = require("./routes/users");
const authRoutes = require("./routes/auth");

connection();

app.use(express.json());
app.use(cors());

app.use("/api/users", userRoutes);
app.use("/api/auth", authRoutes);

const port = process.env.PORT || 8080;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

I get this error when trying to make a request from react to my node server, even though I enabled cors so I dont understand why.

Error Message in the console:

Error message in the network tab:

react axios request:

try {
  const url = "http://192.168.178.112:8080/api/users";
  const { data: res } = await axios.post(url, data);
  navigate("/login");
  console.log(res.message);
} catch (error) {
  if (
    error.response &&
    error.response.status >= 400 &&
    error.response.status <= 500
  )
    setError(error.response.data.message);
}

node js express:

require("dotenv").config();
const express = require("express");
const app = express();
const cors = require("cors");
const connection = require("./db");
const userRoutes = require("./routes/users");
const authRoutes = require("./routes/auth");

connection();

app.use(express.json());
app.use(cors());

app.use("/api/users", userRoutes);
app.use("/api/auth", authRoutes);

const port = process.env.PORT || 8080;
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

• reactjs
• node.js
• express
• cors
• mern

Share Improve this question Follow asked Nov 16, 2024 at 17:10 robinnlmnrobinnlmn 3111 silver badge1010 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

it does not seem like CORS problem, if you take a closer look at the browser logs, you'll see it says net::ERR_DISCONNECTED_INTERNET,

The net::ERR_DISCONNECTED_INTERNET error in JavaScript usually indicates that the browser has lost its connection to the internet. This error often occurs when trying to make network requests (e.g., using fetch, axios, or WebSocket) while the device is offline or there is a problem with the network.

本文标签： reactjsReact axios request to node express app gets blocked by corsStack Overflow