首页 > 解决方案 > 在 Heroku 上获取请求返回 create-react-app 默认页面?

问题描述

我有一个 heroku 后端,我试图从中检索数据:https ://jabooda-homes-backend.herokuapp.com/

当我在本地提供这个应用程序时,我能够成功地检索到这些数据;但是,当我通过 Postman 向 Heroku 应用程序发出 GET 请求时,我注意到 React 默认 HTML 页面被发回。这是一个展示这一点的图像:

在此处输入图像描述

这是获取数据的后端代码片段:

const express = require('express')
const cors = require('cors')
const app = express()

// Routes
app.use('/api', router)

router.get('/getCareerData', (req, res) => {
    console.log(req)
    console.log('***************************************************************************************************************************************')
    console.log(res)
    var data = res.json({
            success: true,
            data: {
                "_id": {
                    "$oid": "5c200d53e7179a74879741fb"
                },
                "jobtitle": "FRAMER",
                "description": "",
                "requirements": [
                    "Measure, cut and assemble lumber with precision",
                    "Be able to lift and carry heavy framing lumber, sheets of plywood and other materials",
                    "Strong analytical and mathematical skills"
                ],
                "updatedAt": {
                    "$date": "2019-02-06T22:04:42.721Z"
                }
            }
    })

    return data
    // return retrieveData(Careers, req, res)
})

(注意:我将 BE 链接到 MongoDB,它从那里获取数据;但是出于测试目的,我只是试图返回我创建的数据变量)。

同样,当我运行 localhost 时,数据恢复得很好;但是,当我尝试通过 Heroku 执行此操作时,它失败了。有谁知道如何绕过这个?我没有正确地将我的应用程序上传到 Heroku 吗?我在前端设置了 CORS,但我想知道是否需要设置额外的配置才能通过 Heroku 获取这些数据。任何反馈将不胜感激,如果您希望我提供更多信息,请告诉我。谢谢!!

标签: node.jsreactjsmongodbexpressheroku

解决方案


我想通了——我的后端是一个来自 create-react-app 的反应应用程序,我刚刚删除了与后端应用程序上的反应相关的所有内容......现在它可以工作了!


推荐阅读