在Heroku上部署了React + Redux应用,但后端/ API无法正常工作

时间:2020-06-25 14:51:11

标签: reactjs heroku redux mern

这是我的应用程序链接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:3000)的应用程序时,当我关闭本地服务器时,heroku应用程序说无法提取

1 个答案:

答案 0 :(得分:0)

这一定是由于CORS(访问控制允许来源)造成的,这是一种解决方法:

运行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