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

时间:2019-02-25 18:11:30

标签: reactjs react-router create-react-app

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

我在生产版本上解决了此问题,但是在开发中找不到答案。

固定生产:

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

和在客户端package.json中

"homepage": "path_to_domain",

“我的网络”标签的屏幕:

enter image description here

1 个答案:

答案 0 :(得分:1)

希望你一切都好。

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

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