用Heroku部署React.js和Node.js应用程序

Question

我已将我的第一个应用程序部署到Heroku，并且可以访问网站域，但是当我尝试去爱时，会收到以下错误消息。

登录：1从原始'https://unit-backend.herokuapp.com/property/login'对'http://unit-website.herokuapp.com'处XMLHttpRequest的访问已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否'访问控制-Allow-Origin标头出现在请求的资源上。

节点

我已经添加了CORS库，并尝试通过以下方式授予权限： app.use(cors({ origin: "https://unit-website.herokuapp.com" }));

  res.setHeader(
    "Access-Control-Allow-Origin",
    "https://unit-website.herokuapp.com"
  );
  res.setHeader(
    "Access-Control-Allow-Methods",
    "GET, POST, OPTIONS, PUT, PATCH, DELETE"
  );
  res.setHeader(
    "Access-Control-Allow-Headers",
    "X-Requested-With,content-type"
  );
  res.setHeader("Access-Control-Allow-Credentials", true);
  next();
});

我不确定此错误是否与CORS相关，或者我的代码中是否有错误。当我在后端运行Heroku open时，出现以下错误：

heroku [路由器]：at =错误代码= H10 desc =“应用程序崩溃”，方法= OPTIONS path =“ / property / login” host = unit-backend.herokuapp.com request_id = 8bd46aae-91cb-4d25-ba61- 5f454fac68d2 fwd =“ 73.83.19.43” dyno = connect = service = status = 503字节= protocol = https

反应

我在两个文件中设置了环境变量，一个是生产环境，

REACT_APP_API_URL=https://unit-backend.herokuapp.com

另外一个是发展

REACT_APP_API_URL=http://localhost:6969

如果您需要更多信息，请告诉我。谢谢您的时间。