首页 > 解决方案 > CORS 不允许连接到 API,即使它设置为 all

问题描述

我遇到了一个问题,当我在本地网络上托管带有 webpack 的服务器时(我想是 Webpack 默认),在运行前端服务器的笔记本电脑上,通过localhostIPv4连接时一切正常。在我的桌面上尝试通过IPv4连接到网站时出现此错误。

  • createError.js:16 Uncaught (in promise) 错误:网络错误
  • 在 createError (createError.js:16)
  • 在 XMLHttpRequest.handleError (xhr.js:84)

我的 CORS:

const cors = require('cors');
app.use(cors());

我在创建任何 API 之前设置了 CORS。由于我使用的是 CRA,所以我的前端也在运行我的 webpack。Webpack 在网络上运行前端:

Webpack 在网络上运行前端

标签: node.js

解决方案


解决它。将我的 Node JS 服务器托管在我的网络 IP 而不是我的本地主机上,并配置了对网络 IP 的所有前端请求。奇迹般有效。

app.listen(9999, '192.168.1.226', () => {
  console.log(
    'Arclight back-end is online.\n',
    '',
  );
});

推荐阅读