React + redux 应用程序部署在 heroku 上，但后端/api 不工作

Question

这是我的应用程序链接 https://course-s.herokuapp.com/，这是我的 Github 存储库 https://github.com/shaikafroz016/Course-S。该应用程序在 localhost whit express、MongoDB Atlas 和作为后端的节点服务器和作为前端的 react-redux 中完美运行，但是当我尝试在 Heroku 上运行它时，我说无法解决问题所在。 编辑： 我已经在我的客户端中将基本 url 提到为 localhost:3000，所以我是否必须将 heroku 应用程序链接添加到基本 url？你能帮我做什么吗？而且，当我尝试使用后端 localhost (localhost:3000) 的应用程序时，它工作得很好，因为我关闭了我的本地服务器，heroku 应用程序说无法获取

Answer 1

这一定是因为 CORS (Access-Control-Allow-Origin)，这里有一个解决方法：

运行npm install cors

然后将其添加到您的 app.js 文件中：

var cors = require('cors')
app.use(cors())

请务必在所有请求定义（app.get、app.post 等）之前添加此内容

现在 CORS 已启用。

Access-Control-Allow-Origin 标头确定允许哪些来源通过 CORS 访问服务器资源。

解释：https://medium.com/@alexishevia/using-cors-in-express-cac7e29b005b