javascript - 在 netlify 中部署 React 应用程序时出现问题

Question

• 我正在尝试在 netlify 中部署 React 应用程序，如媒体链接所述:https://link.medium.com/nw9ZCh0lrV
• 因此我使用 Express 服务器来定义构建脚本并在生产模式下设置应用程序
• 构建脚本在本地计算机中创建并上传到 netlify 站点
• 它显示消息表示部署成功
• 点击 URL 链接时，构建脚本的 GET 请求状态显示为 404
• netlify URL 链接:https://nostalgic-euclid-4f95ab.netlify.com
• 你们能帮助我解决我的建议中的错误吗
• 下面附有应用程序屏幕截图- 提供以下代码片段:

服务器.js

const express = require('express');
const favicon = require('express-favicon');
const app = express();

app.use(favicon(__dirname + '/build/favicon.ico'));
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname,'build')));
app.get('/*', function (req, res) {
    res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

package.json

"scripts" : {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Answer 1

创建 React 应用 中的一个常见错误是在 package.json 文件中添加与您的站点位置不匹配的主页 。一旦您进行了生产构建， Assets 就会在域后面添加任何路径的值。

https://nostalgic-euclid-4f95ab.netlify.com/codehangar/react-interview/static/js/main.7ab6795d.chunk.js

从损坏 (404) 资源的路径来看，您的主页值类似于:

  "homepage": "https://example.com/codehangar/react-interview",

如果您要包含主页值，请确保它与您的网站 URL 相同。

在您的情况下，该值应该是:

  "homepage": " https://nostalgic-euclid-4f95ab.netlify.com",

注意:*通常，请将此设置保留在文件中，直到您上线并设置域为止。

另外:

• 无需将构建文件夹存储在存储库中 (.gitignore)。构建命令将在每次部署时替换它。
• 您将不需要您提供的 server.js 文件。