在 netlify 中部署反应应用程序的问题答案

【问题标题】：Issue in deployment of react app in netlify在 netlify 中部署反应应用程序的问题
【发布时间】：2019-08-20 11:18:41
【问题描述】：

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

server.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'));
});

packagae.json

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

【问题讨论】：

标签： javascript reactjs npm create-react-app netlify

【解决方案1】：

create react app 中的一个常见错误是在package.json 文件中添加与您的站点位置不匹配的homepage。进行生产构建后，资产会在域之后添加任何路径的值。

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) 中。 build 命令将在每次部署时替换它。
您将不需要您提供的server.js 文件。

【讨论】：

@talves...非常感谢您的回复...它的工作...你的解释真的很好...
@talves...我也在尝试在 AWS 中部署 java spring boot 应用程序，但在部署过程中遇到问题，我已在堆栈溢出及其链接中发布：stackoverflow.com/questions/55346085/… ....如果可能的话，请您研究一下并提供您的建议

【解决方案2】：

尝试使用手动上传构建文件在netlify drop

【讨论】：