React app加载资源失败:服务器响应404状态

Question

我试图在Plesk Windows托管下运行React应用程序。React应用程序是通过命令create-react-app创建的.

我创建了一个名为build的静态资产目录，使用命令npm run build

.我在项目根目录下创建了一个名为server.js的文件，内容如下:

const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'build')));
app.get('/', function (req, res) {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(process.env.PORT);

在Plesk Node.js下，应用程序启动脚本被设置为从这个文件server.js启动。

当在浏览器中运行应用程序并检查调试输出时，控制台日志如下:

加载资源失败:服务器响应状态为404 ()main.2cadfda6.css:1
加载资源失败:服务器响应状态为404 ()main.c6034903.js:1
加载资源失败:服务器响应状态为404 ()/favicon.ico:1
加载资源失败:服务器响应状态为404 ()manifest。json:1
Manifest: Line: 1, column: 1，语法错误。清单。
加载资源失败:服务器响应状态为404 ()main.2cadfda6.css:1
加载资源失败:服务器响应状态为404 ()manifest.json:1

显示白页

当发出命令serve -s build时，应用程序运行正常

Answer 1

您是否在package.json中设置了主页变量?

{
"homepage": "./"
}