未找到 iframe 的公共文件夹中的 react-create-app prod html

Question

我有一个 create-react-app，它需要将一个 html 文件（连同它自己的 JS 和其他文件）嵌入其中一个组件的 iframe 中。我搜索了公共文件夹上的 Facebook 反应文档（说它应该可以工作），其他各种堆栈溢出问题都无济于事。

我将包含外部文件的文件夹 ixoearth 添加到公用文件夹中。 Folder structure

当我以开发模式（localhost:3000）或从网络 IP 以 prod 模式访问它时，它可以工作（例如 192.168.1.128:63738 ）。但是一旦我尝试 localhost 生产模式，它就找不到公用文件夹中的任何文件。

这是我的 iframe 网址： iframe src

Answer 1

使用create-react-app 时，您需要使用特殊的PUBLIC_URL 变量like is mentioned in the docs。这将在构建阶段生成正确的路径，以便它在生产中工作。