Heroku 上的 React App 使用 index.html 响应所有请求答案

【问题标题】：React App on Heroku responds to all requests with index.htmlHeroku 上的 React App 使用 index.html 响应所有请求
【发布时间】：2021-12-03 05:24:11
【问题描述】：

我几天来一直在尝试修复我的应用程序中的一个错误，希望能得到一些帮助。我可以在本地主机上完美运行我的应用程序，但是当推送到 Heroku（React FE Node BE）时，我可以在我的网站上导航，但 GET/POST 请求不起作用。我所有的 get 请求都返回我的 index.html 文件，而我的所有 POST 请求（主要是登录）都返回 405 错误“不允许”。

我的应用托管在这里：https://www.testofstrength.app 代码库在这里：https://github.com/mgitto1/test-of-strength/tree/New（特别是在“新”分支中。

非常感谢您的帮助

【问题讨论】：

网络选项卡没有显示任何对您的应用有用的信息。你的服务器（heroku）日志说什么？
我不认为显示任何有用的东西，见下文 2021-10-15T17:36:11.634661+00:00 heroku[router]: at=info method=POST path="/auth/登录“主机=www.testofstrength.app request_id=d9622262-d748-43f8-961c-388edcb833c7 fwd="96.57.2.162" dyno=web.1 连接=0ms 服务=1ms 状态=405 字节=712 协议=https 2021-10 -15T17:36:11.635930+00:00 app[web.1]: 10.1.56.234 - - [15/Oct/2021:17:36:11 +0000] "POST /auth/login HTTP/1.1" 405 552 " testofstrength.app/login" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36"

标签： reactjs heroku deployment

【解决方案1】：

您是否在 heroku 上的一个测功机上同时部署服务器和客户端？你需要不同的项目结构...

服务器应该在根目录下，客户端应该在不同的文件夹中

然后在root服务器的package.json中你可以拥有

 "scripts": {
"heroku-postbuild": "npm run install-client && npm run build",
"install-client": "cd ../client && npm install",
"start": "node server.js",
}

【讨论】：