Путь к изображению в css для проекта React JS
Базовая структура папок node_modules, общедоступные, src.
css в общей папке общедоступный / styles.css изображения в src / images / icon.png
каким должен быть правильный путь к изображению для этого изображения для любого класса в файле css, который хранится в общей папке на localhost например: .icon {background: url (../ src / images / icon.png) no-repeat left top;
изображения можно увидеть прямо из http: // локальный: 3000 / exampleimage.png, если у меня есть изображения в общей папке.
Пожалуйста помоги
Ответы 2
Этот путь к файлу указывает на файл в папке изображений, расположенный в корне текущего веб-сайта.
.icon { background: url(/src/images/icon.png) no-repeat left top;}
Этот путь к файлу указывает на файл в папке изображений, находящейся в текущей папке.
.icon { background: url(src/images/icon.png) no-repeat left top;}
Этот путь к файлу указывает на файл в папке изображений, расположенный в папке на один уровень выше текущей папки.
.icon { background: url(../src/images/icon.png) no-repeat left top;}
Простите. У меня нет публичной ссылки
когда я скопировал изображение в общую папку, он работал по этому пути. public / styles.css public / icon.png .icon {background: url (icon.png) no-repeat left top;}
иногда имя изображения с другим тестовым случаем не поддерживается. так что проверьте имя.
Ваш сервер обслуживает файлы только в общей папке. Таким образом, вы должны поместить файлы в общую папку. В этом случае вы можете использовать ./imagefilename.jpg или /imagefilename.jpg для получения файла.
у вас есть живая ссылка ..?