Путь к изображению реакции

#javascript #reactjs #web

Вопрос:

У меня есть структура папок, такая как:

изображения здесь

У меня есть 2 кода:

  1. компоненты > cards.js

<img src="path here" />

  1. Приложение.css

background-image: url("./images/img-1.jpg");

вопросы. Почему пример 1 может получить доступ к общей папке, а пример 2-нет?

Комментарии:

1. нужна дополнительная информация о вашем вопросе, он не очень хорошо объяснен. Спасибо

Ответ №1:

Потому что путь url("./images/img-1.jpg") является относительным файлом, а не URL-адресом. Измените его на url("/images/img-1.jpg") или url("<base_href>/images/img-1.jpg") , если вы используете обратный прокси-сервер.

Комментарии:

1. Привет, я просто пытаюсь ответить на ваш вопрос; но ошибка все та же. Error: Can't resolve '/images/img-2.jpg'

2. Как ошибка консоли во время выполнения или ошибка сборки?

3. Я только что заметил, что у вас есть две папки с изображениями. Находится img-1.jpg в src/images/ или public/images/ ?

4. Моя беда, просто представь src/images , что этого не существует. Я не знаю, что это за ошибка. Как я пытаюсь получить доступ к 1 изображению; 1.доступ из файла js 2.доступ из файла css..

5. Как вы получаете запрос об ошибке? Вы получаете его npm start или при посещении сайта вы видите его в журналах консоли?