当前位置: 首页 > 面试题库 >

是否可以通过public文件夹中的create-react-app服务静态文件?

莘俊能
2023-03-14
问题内容

基本上,我为客户制作了一个(相对)简单的应用程序。该应用程序正常工作,但他们一直在要求更改数据。

鉴于该应用程序最初的预期简单性以及它保存静态数据的事实,我没有将其链接到任何后端。该数据将保存在本地静态文件中,而该对象具有保存数据的对象。

问题在于,fle被捆绑到了buld中,因此,如果我只想更改一些静态数据而不必进行rbuild,我不会!

我的数据文件可以在公用文件夹中访问,并且可以正常工作。我试图通过js文件实现相同的想法。

我无法从/ src文件夹外部导入。

有什么方法可以从以某种方式添加到构建的静态文件夹访问静态数据?


问题答案:

是的,您可以将资产放置在静态文件夹中。

文件:使用公用资料夹

  • 您可以参考的路径index.html%PUBLIC_URL%/path/resource
  • 您可以process.env.PUBLIC_URL + '/path/resource'在javascript代码中使用。

在最终构建时,将在构建时替换这两种方法。

如果这些是javascript资产,则构建将不会意识到它们。您需要将其构造为外部javascript库,并将其存储在可以在代码中引用的全局变量中。然后,您可以将该javascript库加载到您的index.html



 类似资料:
  • 问题内容: 我知道chrome扩展使用’manifest.json`,但是在这里,它也被用作其他东西。 内容- 当我更改某些值时,页面会更新,但没有任何变化。 问题答案: 这是一个描述您的应用程序的Web App清单,例如,如果在主屏幕上添加了快捷方式,则该清单将被移动电话使用。 从MDN(上面链接): Web应用程序清单在JSON文本文件中提供有关应用程序的信息(例如名称,作者,图标和描述)。清

  • 问题内容: 我正在尝试使用docs上给出的命令创建一个新项目,即它不包含 和的文件夹。 问题答案: 请尝试以下步骤: 资源

  • 我正在使用creat react app(CRA),只想通过CSS将一个png文件放在公共文件夹中(我把所有图像文件都放在那里)。现在我正试图通过CSS引用这张图片(我只在新生成的CRA应用程序中添加了行): 如何从CSS文件中引用图像文件,而不复制中的某个地方?我也不想弹出应用程序并删除错误消息。 编辑:这个问题不同于src目录之外的create react app imports限制,因为它没

  • 问题内容: 是否有Node.js即用型工具(安装了),可以帮助我通过HTTP将文件夹内容作为文件服务器公开。 例如,如果我有 然后开始, 我可以通过访问文件 为什么我的节点静态文件服务器删除请求? 引用一些神秘的东西 标准的node.js静态文件服务器 如果没有这样的工具,我应该使用什么框架? 问题答案: 一个很好的“即用型工具”选项可以是http-server: 要使用它: 或者像这样: 签出:

  • 嗨,我正试图从我的静态文件夹中的express服务react build资产,它使用CommonJS语法工作。现在,我将ES6语法与express一起使用,它不为其他文件服务,但它为index.html文件服务: 这是我在app.js中的代码 我已经使用path.join和path.dirname(新的URL(import.meta.URL).pathname)替换了ES6的__dirname,虽

  • 我们先来看看最简单的本地静态文件服务配置示例: server { listen 80; server_name www.test.com; charset utf-8; root /data/www.test.com; index index.html index.htm; } 就这些?