将我的客户Heroku应用程序连接到我的服务器应用程序时遇到问题

Question

我意识到我写的原始问题很糟糕。所以我要再试一次。因此，在本地工作非常正常。但是，当我推送到Heroku并处理已部署的版本时，尝试登录或注册用户时，控制台日志中出现CORS错误。我的服务器和客户端位于两个单独的heroku应用程序上。

所以我在顶部需要CORS，这就是我在server / index.js内部调用的方式

app.use(
 cors({
   origin: CLIENT_ORIGIN
  })
);

在我的服务器应用程序的heroku内部的配置变量中。我已将CLIENT_ORIGIN连接到客户端应用程序URL

这是我进入控制台的错误

从原点“ https://sheltered-hollows-50081.herokuapp.com/api/login”到“ https://nameless-basin-56223.herokuapp.com”的获取操作已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否“ Access-Control-Allow-来源的标头出现在请求的资源上。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”以在禁用CORS的情况下获取资源。

庇护所是我的服务器URL，无名盆地是我的客户URL。

如果需要更多代码，我很乐意展示。只是不知道此错误是必要的。

Answer 1

将此npm软件包添加到您的服务器上 https://www.npmjs.com/package/cors

将cors导入index.js文件

app.use(cors());
app.options('*', cors()); // this will enable cors for all your route.

浏览文档以获得更好的理解。