刷新 Heroku 页面只显示 API 信息，不显示页面内容答案

【问题标题】：Refreshing Heroku Page Only Shows API Information, Not Page Content刷新 Heroku 页面只显示 API 信息，不显示页面内容
【发布时间】：2023-03-08 16:45:01
【问题描述】：

我将一个 PRN 堆栈应用程序部署到 heroku。它工作正常，但是当我在这个 url - https://earth-nights.herokuapp.com/episode/1 刷新页面时 - 我不再看到页面内容，只看到 API 信息：

{
"id": 1,
"title": "Earth Nights #1",
"date_of_show": "April 24, 2020",
"teaser": "Welcome to the first Earth Nights playlist!",
"card_image": "https://cdn.technologynetworks.com/tn/images/thumbs/jpeg/640_360/the-psychedelic-revolution-in-psychiatry-333007.jpg"
}

如果有帮助，这里是实时应用的链接：https://earth-nights.herokuapp.com/ 当您通过单击主页上的卡片导航到下一页时，它应该加载内容，但随后刷新该页面仅显示 API 信息。

知道为什么会发生这种情况吗？

【问题讨论】：

刷新时开发者控制台显示 304 代码。这表明您的应用程序行为不端 - 无法正常工作。这可能是 Heroku 平台特有的问题，因此请先查看 Heroku 生成并提供给您的日志。
我的问题解决了！我没有意识到在我的服务器端和客户端使用相同的路由是一个问题，这就是导致页面重新加载显示 JSON 数据而不是页面的实际内容的原因。所以我只是将我的服务器端路由更改为在路由的实际名称之前包含“/api”，这就解决了问题。

标签： node.js reactjs postgresql express heroku

【解决方案1】：

正如@jon 所说，将'/api'添加到前端的api调用路由和服务器上的相应路由中。

来自

 '/q/:id'

到

'/api/q/:id'

【讨论】：