即使将正确的来源列入白名单后也会出现 CORS 错误

Question

我有一个在 api.myapp.com 上运行的 NodeJS 后端应用程序，并将所有必需的前端来源列入白名单，包括 myapp.com 。

每次我尝试使用 myapp.com 访问 api.myapp.com 时，都会收到 CORS 错误。

当我在开发中尝试从本地前端访问 API 时，一切正常，但当我推送到我的 Ubuntu VPS 时，突然被 CORS 阻止。

如果我切换本地主机开发服务器（用于前端应用程序），并尝试连接托管服务器（api.myapp.com），即使它已被列入白名单，它仍然会给我相同的错误。

这是cors的白名单

const allowedOrigins = [
  "http://localhost:3001",
  "http://localhost:3000",
  "https://myapp.com",
];

const corsConfig = {
  origin: allowedOrigins,
  credentials: true,
  methods: "GET,HEAD,OPTIONS,PUT,PATCH,POST,DELETE",
  allowedHeaders: ["Content-Type", "Authorization"],
};

app.use(cors(corsConfig));

app.options("*", cors(corsConfig));

需要注意的一件事是，不知何故，我只有在 myapp.com/user 页面上时才会出现此行为。 如果我在 myapp.com 上，我可以使用登录模式登录该应用程序，但一旦进入该页面，它就会完全出错，并且无法获取任何数据。

我还尝试将所有起源列入白名单，它在本地工作正常，但一旦我推送到 VPS，就无法工作。

几天前一切正常，但我的公司更新了 VPS RAM 容量，我记得这个问题就是从那时开始的。

Answer 1

我从所有这些事情开始，今天下午我遇到了同样的问题，尝试在 http 后面添加一个“s”。 我的意思是“httpS”XDXD 我希望这可以帮助你