reactjs - 创建 React App - 路由更改图像路径

Question

我正在使用 create-react-app 创建一个简单的灯箱，但我发现了一个给我带来一些问题的大问题。我在公共文件夹中有一些图像。在根公共文件夹中，我有微调器文件Spinner-white.svg，我正在页面上创建画廊localhost:3000/other当我在此页面上时，我要添加的所有图像都必须在文件夹中，/other但我在其他地方使用此微调器，我不想复制它在与我的路由路径匹配的每个文件夹上。localhost:3000/other2对于此路径，我需要创建其他文件夹/other2并将 Spinner 粘贴到此处。

我在生产版本上解决了这个问题，但在开发中找不到答案。

生产修复：

{
   id: 1,
   url: process.env.PUBLIC_URL + '/other/3.jpg'
}

并在客户端 package.json

"homepage": "path_to_domain",

我的网络选项卡的屏幕：

标签： reactjsreact-routercreate-react-app

Answer 1

希望你一切顺利。

对于您的问题，您必须在 .env 文件中引入基本路径。在基本路径的帮助下，您可以随时随地访问微调器。

希望它会帮助你。 使用 PUBLIC_URL 创建-react-app 构建