Reactjs 将CRA部署到s3并与express一起使用_Reactjs_Express_Amazon Cloudfront_Devops_Create React App

Reactjs 将CRA部署到s3并与express一起使用

reactjs express

Reactjs 将CRA部署到s3并与express一起使用,reactjs,express,amazon-cloudfront,devops,create-react-app,Reactjs,Express,Amazon Cloudfront,Devops,Create React App,我想将CRA捆绑包部署到s3并从cloudfront提供服务。但索引文件应该是expressview（模板，我想向其中添加一些数据）。我找到的所有解决方案都假定无服务器或直接从节点提供CRA索引所以，我需要将索引作为模板，并包含指向捆绑包的cloudfront URL。如何实现这一点？如果需要创建并索引.html，则无需使用模板即可实现 app.get('/', function(req, res) { res.type('text/html'); res.send('<html

我想将CRA捆绑包部署到s3并从cloudfront提供服务。但索引文件应该是expressview（模板，我想向其中添加一些数据）。我找到的所有解决方案都假定无服务器或直接从节点提供CRA索引

所以，我需要将索引作为模板，并包含指向捆绑包的cloudfront URL。如何实现这一点？

如果需要创建并索引.html，则无需使用模板即可实现

app.get('/', function(req, res) {
  res.type('text/html');
  res.send('<html>...</html>');
});

资料来源：

帕格

您是说希望index.html文件是动态的吗？这意味着您可能会在运行时向其添加一些数据？你会向它注入什么数据？只是CloudFrontURL吗？#1 s3和cloudfront是两个不同的平台#2如果需要动态创建index.html，则需要后端语言（nodejs express）或使用react创建动态页面#你这里有两个问题。您的要求是什么？我有node/express服务器。我希望它能为index.html（添加一些上下文）和API服务。但我不希望它提供静态（首先是bundle）。所以，使用cloudfront提供捆绑文件，但让express app能够正确引用index.html脚本进行响应files@mykyta-shyrin如果这有助于解决您的问题，请使用左侧的复选标记将其标记为已解决。

doctype html
html
    head
        title Jade Page
        link(href='https://cloudf../css/main.css', rel='stylesheet')
    body
        h1 This page is produced by Jade engine
        p some paragraph here..

html
   head
   title= title
   link(href='https://cloudf../css/main.css' rel='stylesheet')                                                                                                                       
body
   h1= message

app.get('/', function (req, res) {
    res.render('index', { title: 'Hey', message: 'Hello there!'});
});