Javascript netlify中react应用程序部署中的问题 我正在尝试在netlify中部署react应用程序,如媒体链接所述: 所以我使用ExpressServer定义构建脚本,并在生产模式下设置应用程序 构建脚本正在本地计算机中创建,并上载到netlify站点 它将消息显示为成功部署 单击URL链接,它显示获取构建脚本请求的状态为404 netlify URL链接: 你们能帮我把你们的建议哪里弄错了吗 下面是附加的应用程序截图 -提供以下代码片段:
server.jsJavascript netlify中react应用程序部署中的问题 我正在尝试在netlify中部署react应用程序,如媒体链接所述: 所以我使用ExpressServer定义构建脚本,并在生产模式下设置应用程序 构建脚本正在本地计算机中创建,并上载到netlify站点 它将消息显示为成功部署 单击URL链接,它显示获取构建脚本请求的状态为404 netlify URL链接: 你们能帮我把你们的建议哪里弄错了吗 下面是附加的应用程序截图 -提供以下代码片段:,javascript,reactjs,npm,create-react-app,netlify,Javascript,Reactjs,Npm,Create React App,Netlify,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,'buil
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"
}
在
create react应用程序中的一个常见错误是在package.json
文件中添加一个与您的站点位置不匹配的主页。一旦您进行了生产构建,这些资产就会在域之后的任何路径的值前面加上前缀
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
文件
在
create react应用程序中的一个常见错误是在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
文件
尝试使用手动上载生成文件
在netlify-drop
上尝试使用手动上载生成文件
在netlify drop上
@talves…非常感谢您的回复…很有效…您的解释非常好…@talves…我也尝试在AWS中部署java spring boot应用程序,但在部署过程中遇到问题,我在stack overflow及其链接中发布了此问题:。。。。如果可能的话,你能研究一下,并提供你的建议吗it@talves...thanks谢谢你的回复…很有效…你的解释真的很好…@talves…我也尝试在AWS中部署java spring boot应用程序,但在部署过程中面临问题,我在stack overflow及其链接中发布了这个问题:。。。。如果可能的话,你能研究一下并提出你的建议吗