Angular登录POST请求移动端失效（桌面端正常）求助

我有一个部署在Heroku上的Angular应用，登录功能需要输入邮箱和密码，点击LOGIN按钮后会向独立的NodeJS/Express后端发起POST请求。该功能在桌面端运行正常，但在移动端完全无法工作——测试了Chrome移动端和iPhone的Safari，结果一致。

奇怪的是，移动端点击LOGIN按钮后，只会向后端发送OPTIONS请求，且收到204状态码响应（前端域名已在后端跨域白名单中，桌面端跨域完全正常），但不会发起实际的POST请求。调试时页面返回如下错误：

{ 
  "headers": { "normalizedNames": {}, "lazyUpdate": null, "headers": {} }, 
  "status": 0, 
  "statusText": "Unknown Error", 
  "url": "https://my-back-end-api-base-url/api/user/login", 
  "ok": false, 
  "name": "HttpErrorResponse", 
  "message": "Http failure response for https://my-back-end-api-base-url/api/user/login: 0 Unknown Error", 
  "error": { "isTrusted": true } 
}

应用中没有任何设备类型判断逻辑，完全找不到移动端失效的原因，求排查思路。

后端登录接口代码如下：

exports.loginUser = (req, res, next) => {
  console.log('test login feature');
  console.log(req);
  let fetchedUser;
  User.findOne({email: req.body.email})
    .then(user => {
      if (!user) {
        return res.status(401).json({
          message: 'Auth failed.  User does not exist.'
        });
      }
      fetchedUser = user;
      return bcrypt.compare(req.body.password, user.password);
    })
    .then(result => {
      if (!result) {
        return res.status(401).json({
          message: 'Username or password are incorrect.  Please try again.'
        });
      }
      const token = jwt.sign(
        {email: fetchedUser.email, userId: fetchedUser._id},
        `${process.env.JWT_KEY}`,
        { expiresIn: "1h" }
      );
      res.status(200).json({
        token: token,
        expiresIn: 3600,
        userId: fetchedUser._id
      })
    })
    .catch(err => {
      return res.status(401).json({
        message: 'Invalid authentication credentials!'
      });
    });
}

• 检查移动端网络环境：确认移动端是否处于严格的网络限制（比如企业WiFi防火墙、代理），切换到手机4G网络测试，排除网络拦截问题。
• 验证请求头差异：对比桌面端和移动端的请求头，重点看Content-Type、User-Agent字段。手动在Angular请求中指定Content-Type: application/json，避免移动端浏览器自动修改请求头格式。
• 检查HTTPS证书有效性：确认后端API的HTTPS证书在移动端浏览器中是否被信任，老旧移动端系统或浏览器可能不支持新证书类型，导致POST请求被静默拦截。
• 查看Heroku后端日志：检查后端日志是否收到POST请求。如果没有收到，说明请求在客户端到后端之间被拦截；如果收到但处理异常，查看具体错误信息。
• 排查Angular HTTP拦截器：检查应用中的HTTP拦截器是否在移动端有异常行为，比如添加了不兼容的请求头，或未正确转发POST请求。
• 确认CORS配置细节：部分移动端浏览器对CORS要求更严格，确保后端配置中Access-Control-Allow-Origin是具体域名而非通配符，且包含所有必要的请求头（如Content-Type）。
• 用工具直接测试接口：在移动端用Postman类工具直接发送POST请求到登录接口，若工具能成功则问题出在Angular请求逻辑；若工具也失败则问题在后端或网络。

内容的提问来源于stack exchange，提问作者Christian Z