对 Node Express 应用程序的 React axios 请求被 cors 阻止

Question

当我尝试向我的节点服务器发出反应请求时，我收到此错误，即使我启用了 cors，所以我不明白为什么。

控制台中的错误消息：

网络选项卡中的错误消息：

反应 axios 请求：

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);
}

节点js快递：

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}`);
});

Answer 1

看起来不像 CORS 问题，如果你仔细查看浏览器日志，你会看到它说 net::ERR_DISCONNECTED_INTERNET，

JavaScript 中的 net::ERR_DISCONNECTED_INTERNET 错误通常表示浏览器已失去与互联网的连接。当设备离线或网络出现问题时尝试发出网络请求（例如，使用 fetch、axios 或 WebSocket）时，通常会发生此错误。