Heroku上带有Angular 5和API的状态代码503？

Question

我有一个Angular 5应用程序，该应用程序连接到Rails API后端。当连接到本地计算机上托管的API时，它运行得非常好并且很快。当我连接到Heroku上托管的同一个API时，它开始滞后并且几乎根本没有加载，就好像完全淹没了服务器一样。

在我的Web控制台中，我看到诸如以下的错误

Failed to load https://my_api.com/sites.json: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 503.
core.js:1449 ERROR Response {_body: ProgressEvent, status: 0, ok: false, statusText: "", headers: Headers, …}

但是在Heroku日志上，看来一切都很好。我可以访问其中的一部分，因为我需要登录并查看我的用户个人资料，这样可以正常工作，但是请求其他数据则行不通。

所以我的问题是：是我的应用程序淹没了服务器（请求太多吗？），它在本地运行的原因是我的计算机比Heroku拥有更好的处理能力吗？

还是Heroku出了点问题？我没有从Angular向API发出大量的http请求，所以我不确定从哪里开始。

感谢您提供所有信息。