用于React JS项目的CSS中的图像路径

Question

基本文件夹结构为 node_modules，公共的，src。

公用文件夹 public / styles.css 中的

css文件 图片在 src / images / icon.png

中

对于此文件的css文件中的任何类，该文件应为 正确的图像路径 ，该类保存在本地主机的公用文件夹中 例如：.icon {背景：url（../ src / images / icon.png）不重复左上；

如果我在公用文件夹中有图像，则

可以从http://localhost:3000/exampleimage.png直接看到图像。

请帮助

Answer 1

此文件路径指向位于当前网站根目录下的images文件夹中的文件

.icon { background: url(/src/images/icon.png) no-repeat left top;}

此文件路径指向当前文件夹中images文件夹中的文件。

.icon { background: url(src/images/icon.png) no-repeat left top;}

此文件路径指向当前文件夹上方一级文件夹中images文件夹中的文件。

.icon { background: url(../src/images/icon.png) no-repeat left top;}

Answer 2

您的服务器仅提供公用文件夹中的文件。因此，您必须将文件放入公用文件夹。在这种情况下，您可以使用./imagefilename.jpg或/imagefilename.jpg来获取文件。