Изображения, не отображаемые на страницах gh после развертывания приложения реакции

Question

Я создал приложение, в котором я указал пути к изображениям в соответствии с рекомендациями сообщества.При локальном запуске он загружает и отображает все изображения, но после развертывания на страницах github он не выбирает правильный путь для получения изображений.Я не знаю, как решить проблему, кто-то может мне помочь?

Я пытался добавить% PUBLIC_URL%, и все, но ничего, кажется, не работает

Это то, что я пытался и работает на местном,Мои изображения находятся в

public/images/login-background.png

 background: url('/images/login-background.jpg') center center
    no-repeat;

Когда я публикую свой проект на github, URL-адрес изменяется с 'localhost: 3000' на 'https://singhkshitij.github.io/abc/', поэтому все изображения принимают URL-адрес как

https://singhkshitij.github.io/images/login-background.png

пока должно быть

https://singhkshitij.github.io/abc/images/login-background.png

Answer 1

Я предполагаю, что вы использовали create-react-app для начальной загрузки своего приложения. В этом случае вам нужно указать свойство homepage в package.json для чего-то вроде

  "homepage": "https://singhkshitij.github.io/abc",

Ссылка - https://facebook.github.io/create-react-app/docs/deployment#building-for-relative-paths