Изображения, добавленные в проект vue после dist, невозможно требовать в функции - PullRequest
Новая
       83

Изображения, добавленные в проект vue после dist, невозможно требовать в функции

0 голосов
/ 04 августа 2020

Здравствуйте, у меня проблемы с сайтом vue. js. У меня есть целая страница, посвященная сотрудникам, с их фотографиями и кратким описанием. Я добавил config. json, чтобы вы могли легко добавлять / удалять людей со страницы. Но я столкнулся с проблемой, когда после сборки я добавил кого-то в конфигурацию следующим образом: 

{
  "photo": "statue.jpg",
  "description": "",
  "name": "nameHere",
  "site": "none"
}

их фотография не отображается на веб-сайте, и загружается пустой человек из catch.

это функция vue, которая предназначена для загрузки фотографий: 

resolveImgUrl(path) {
  const images = require.context('../../public/images/', false, /\.png$|\.jpg$/);
  try {
    return images(`./${path}`);
  } catch {
    return images('./blank-man.jpg');
  }
},

Если я делаю это на живом сервере (npm run serve), все работает нормально, но после сборки я всегда получаю улов часть кода (blank-man.jpg). Я пробовал использовать эти фотографии в своих /src/assets и /public, но оба не работали должным образом. Кто-нибудь знает решение?

...