реакцииJS SCSS фоновое изображение не видно

Question

Я работаю над реакцией и хочу использовать локальное изображение в общей папке в качестве фона с прозрачным цветом в качестве контейнера div. проблема в том, что это изображение вообще не отображается

мой метод работы с другим изображением из Интернета (которые начинаются с https) Я также пытался поместить его в CSS, но все еще то же самое

это код фона с локального изображения (не видно) background-image: url("/public/images/background.jpg");

также, пробовал это

background: #eaeaea urlurl("/public/images/background.jpg");

это код фона из интернета (виден) background: #eaeaea url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");

** Я думаю, что моя проблема с этим URL-адресом метода ('/ path / path / img.jpe) должна быть равна **

// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';

.btn{
    color: red;
}

.background {
    background: #eaeaea url("/public/images/background.jpg");
        background-size: cover;
    background-position: 50% 50%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }```

Answer 1

Полагаю, вам просто нужно добавить изображение в фоновый тег, например:

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