通过 ngrok 服务器从 Express api 检索数据到 React 应用程序时出现 Cors 错误

Question

无论我如何努力尝试并在网上寻找解决方案，都没有奏效。

我已经通过安装 cors 库设置了 Node Express API。

const cors = require("cors");

app.use(cors());

还将标题设置为

  res.headers = {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Credentials": true,
    "Access-Control-Allow-Headers":
      "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With, access_token",
    "Access-Control-Allow-Methods": "*",
  };

现在我的所有东西在我的旧系统中工作正常，我最近更换了我的笔记本电脑，并且在前端遇到了这个错误。在这里我设置了 API 来与 ngrok 服务器反应

这是一个错误

post

方法API工作正常，数据正在添加数据库，但从数据库检索

get

方法，

put

方法和

delete

方法出现cors错误。

Answer 1

您似乎正在尝试为 Node.js Express API 设置 CORS（跨源资源共享）以允许跨源请求。您显示的代码看起来大部分是正确的，但需要进行一些调整。

const express = require("express");

const cors = require("cors");

const app = express();

// 在路由之前应用 CORS 中间件

app.use(cors());

// 你的路由和其他中间件都在这里

const PORT = process.env.PORT || 3000；

app.listen(PORT, () => { 控制台.log(

Server is running on port ${PORT}

); });