Nuxtjs - изображения могут быть загружены из HTML, но не из файлов CSS / SCSS - PullRequest
Новая
       20

Nuxtjs - изображения могут быть загружены из HTML, но не из файлов CSS / SCSS

0 голосов
/ 20 марта 2019

Изображения на моей странице можно прочитать из файла HTML (например, если у меня есть тег src и введите относительный путь к изображению). Например: 

            <span class="image"><img src="../assets/theme/images/pic01.jpg" alt=""></span>

Но когда я загружаю изображение в качестве фона через css/scss файлы, они не загружаются. Например, это не загружает изображение: 

background-image: url("/assets/theme/css/images/close.svg");

@include vendor('background-image', ('linear-gradient(to top, #{$overlay}, #{$overlay})', url("/assets/theme/images/banner.jpg")));

background-image: -moz-linear-gradient(to top, rgba(48, 54, 57, 0.2), rgba(48, 54, 57, 0.2)), url("/assets/theme/images/banner.jpg");

Я установил file-loader и url-loader. Если я нажимаю file-loader и url-loader в разделе расширения в nuxt.config, то изображения также не загружаются из HTML.

1 Ответ

0 голосов
/ 20 марта 2019

Вы используете абсолютный путь в файлах CSS, и Nuxt не переводит их.Измените адрес, чтобы использовать @ псевдоним: 

 background-image: url("@/assets/theme/css/images/close.svg");
...