Create-React-App公用文件夹子文件夹

【Create-React-App公用文件夹子文件夹】别裁伪体亲风雅,转益多师是汝师。这篇文章主要讲述Create-React-App公用文件夹子文件夹相关的知识,希望能为你提供帮助。
我在公用文件夹中有一些子文件夹。当我构建这些子文件夹时,将其放在构建文件夹的根目录中。

public/ mySubfolder/ favicon.ico index.html ...build/ mySubfolder/ static/ favicon.ico index.html ...

当我使用express,serve或firebase,heroku将这些文件作为静态提供时,现在......我无法通过url访问这些子文件夹。示例:如果我将其中一个子文件夹中的一个文件放在iframe中,我无法访问它,而如果我将路径放在img标签的src属性中则可以工作..也许子文件夹与路径冲突,但我没有带有子文件夹名称的路由。
我的项目是在github:https://github.com/Darklod/p5-sketches-react/tree/heroku?files=1
附:我已经阅读了本指南:https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment
答案要使用Express提供React应用程序,您需要在配置中使用以下内容:
app.use(express.static(path.join(__dirname, 'react'))); app.get('*', (req, res) => { res.sendFile(path.join(path.join(__dirname, 'react/index.html')); });

在该示例中,将react替换为您的React应用程序所在的文件夹
我遗憾的是还没有使用firebase或heroku来提供React应用程序,所以我很遗憾无法帮助你解决这个问题,但我希望Express部分能够解决这个问题。

    推荐阅读