Исправьте путь img с помощью vue2 и gh-страниц - PullRequest
Новая
       19

Исправьте путь img с помощью vue2 и gh-страниц

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

Использование 

"vue": "^2.6.8" 
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-cli": "^3.2.3",
"webpack-dev-server": "^2.9.7",
"webpack-merge": "^4.2.1"

Я пробовал несколько вариантов, чтобы получить правильный путь для изображения в проекте vue для работы в gh-страницах. 

.div-bg
    {
        background-image: url("../assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    }
.div-bg1
    {
        background-image: url("/src/assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    }
.div-bg2
    {
        background-image: url("~/src/assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    }
.div-bg3
    {
        background-image: url("/assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    }
.div-bg4
    {
        background-image: url("~/assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    }
/* .div-bg5
    {*/
        /* background-image: url("../assets/previewImages/test.jpg");*/
      /*  background-image: url("@/assets/previewImages/SAD-1.jpg");
        height: 570px;
        width: 1020px;
    } */

Но ни один из них

Я попытался @ / assets / previewImages / SAD-1.jpg, но это приводит к ошибкам при компиляции.

Также я рассмотрел различные сообщения , но длябезрезультатно.

Этот проект помещается на gh-страницы с помощью 

$ npm run build 
$ sudo vcg

Спасибо

...