javascript - React.js 在从 Express.js backand restful api 获得响应之前等待 4 分钟

Question

我正在开发一个简单的页面构建器应用程序，它在前端使用 React，在后端使用 Express。作为 Ajax 库，我使用 Axios npm 包。您可以在下方看到与此问题相关的代码:

###########
PageList.js
###########
.
.
.
componentDidMount() {
          axios.get('/admin/pages')
          .then(response => {
             console.log(response.data);
         })
         .catch(err => {
             console.log(err);
         })
    })
}
.
.
.

这是前端部分。在后端，我有路由器可以正常工作，即将我路由到这个 Controller (我可以从服务器端控制台的日志中看到这一点):

####################
controllers/admin.js
####################
.
.
.
exports.getPages = (req, res, next) => {
    Page.find()
        .then(pages => {
            return pages;
        })
        .catch(err => {
            console.log(err)
        });
};
.
.
.

前端和后端都作为 Node 应用程序在 Windows 机器的本地主机上运行，​​在不同的端口上运行。我最初遇到了 CORS 问题，我用 cors npm 包解决了它。作为数据库管理员，我将 mongodb 与 mongoose ODM 结合使用。

我遇到的问题是，当我向所有后端端点发送 Ajax 请求时，应用程序会堆积 4 分钟(确切地说，我不知道怎么会...) -end 工作，它记录我设置的所有控制台，它在 DB 中写入文档，如果它是 POST 请求，但在提示前端请求成功之前等待 4 分钟。在此期间，开发工具 --> 网络选项卡中的请求处于待处理状态。

我可以制作一个 git-hub 存储库，但我仍然没有隐藏所有这些敏感信息，即它们仍然在应用程序的某些地方进行硬编码，因此公开访问资源是有风险的我用。所以，如果有人能提醒我可能是什么问题，我会很高兴。

谢谢

Answer 1

您忘记实际发送您从数据库中检索的数据。因此，您的服务器会在 4 分钟后超时。

您可以通过调用 res.send 来解决此问题或 res.json ，像这样:

####################
controllers/admin.js
####################
.
.
.
exports.getPages = (req, res, next) => {
    Page.find()
        .then(pages => res.send(pages))
        .catch(err => {
            console.log(err)
        });
};
.
.
.