客户端无法连接Node.js服务器，请求CORS及跨设备访问解决方案

一、解决其他设备无法访问API的问题 #

• 调整Node.js服务监听地址：将服务绑定到0.0.0.0而非默认的localhost，让服务能接收外部设备请求。修改启动代码：

  app.listen(5000, '0.0.0.0', () => {
    console.log('服务运行在 http://0.0.0.0:5000');
  });
  

• 开放Windows Server防火墙端口：在防火墙高级设置中添加入站规则，允许TCP协议的5000端口通过。
• 验证公网可达性：确认服务器公网IP（158.53.70.6）未被运营商或上层路由拦截，外部设备可直接通过http://158.53.70.6:5000/users访问API。

二、解决前端跨域请求失败问题 #

1. 修正前端API请求地址 #

前端当前请求的是localhost:5000/users，会让前端设备尝试访问自身本地服务而非服务器后端，需将请求地址改为服务器公网地址：http://158.53.70.6:5000/users。

2. 更新CORS配置 #

当前CORS的origin仅允许https://localhost:8080，需添加前端公网地址，同时清理不必要的请求头配置：

app.use(
  cors({
    origin: ["https://localhost:8080", "https://172.23.50.5:5553"],
    credentials: true,
    methods: ["GET", "POST", "OPTIONS", "PUT", "PATCH", "DELETE"],
    optionsSuccessStatus: 200,
    allowedHeaders: [
      "content-type",
      "Cookies",
      "cookies",
      "Authorization",
    ],
  })
);

• 若需支持更多来源，可改用动态判断函数：

  origin: (origin, callback) => {
    const allowedOrigins = ["https://localhost:8080", "https://172.23.50.5:5553"];
    if (!origin || allowedOrigins.includes(origin)) {
      callback(null, true);
    } else {
      callback(new Error('Not allowed by CORS'));
    }
  },
  

3. 前端请求配置配合 #

如果前端使用axios等库发起请求，需开启withCredentials：

axios.get('http://158.53.70.6:5000/users', { withCredentials: true })

三、数据库相关注意事项 #

当前Apache部署的phpMyAdmin（80/443）和MySQL（3306）无需额外调整，只要确保Node.js服务能正常连接MySQL即可，跨域问题不影响数据库内部访问。

内容的提问来源于stack exchange，提问作者Mathew Garry Karrington