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

Question

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

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

生产修复：

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

在客户端package.json

"homepage": "path_to_domain",

我的网络选项卡的屏幕：

Answer 1

祝你一切顺利。

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

希望对您有所帮助。 create-react-app build with PUBLIC_URL

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

Create React App - routing change images path

reactjs

react-router

create-react-app