Изображения, загруженные в Vue. js, не отображаются в производственном режиме.

Question

Я немного новичок в Vue. js. Я делаю приложение для социальных сетей, которое позволяет пользователям загружать и делиться изображениями с другими. Я храню свои изображения в папке src / assets во время разработки. Однако при сборке проекта все изображения помещаются в папку dist. Следовательно, что я могу сделать, чтобы пользователи могли загружать изображения в производство? Создать каталог ресурсов в папке dist? С тех пор я пробовал разные способы, включая хранение изображений на сервере. В связи с этим я ссылаюсь на внутренний путь, используя, например, .. / .. / .. / backend / public / assets ... , и он работает на разработку. Однако при сборке образы, которые существовали в бэкэнд-каталоге на момент создания, видны, однако, всякий раз, когда я пытаюсь загрузить больше в производственном режиме в .. / .. / .. / backend / public / assets ... каталог, они успешно загружены, но не видны (то есть на производстве). Я получаю ошибку, что Не удается найти модуль './image_name.image_extension'. Что я делаю неправильно? Я видел похожие вопросы, такие как this , но ответа не было.

Answer 1

Вы должны установить свой путь публикации c и изменить свой путь !!

Первый шаг - создание vue .config. js в каталоге root, если вы хотите узнать больше подробностей, прочитайте это: https://cli.vuejs.org/config/

например, я определяю префиксный путь для моих файлов:

module.exports = {
  publicPath:
    process.env.NODE_ENV === "production" ? "/" : "/",
};

помните, лучше, если вы используете " @ ", чтобы определить ваши пути. Например, если вы хотите загрузить изображение, которое находится в src / assets / files / img / myImage.png, вы можете использовать @ / assets / files / img / myImage.png в разделе шаблона для привязки или в разделе сценария вашего. vue файлов! Это всегда поможет вам найти правильный путь к вашим файлам.

и, наконец, ваш путь не является стандартным, потому что «src / assets / ...» будет использоваться для скомпилированных скриптов и стилей, а также для ваших файлов, которые вы хотите используйте на вашем макете пользовательского интерфейса, как Stati c изображения. так что вы должны использовать директорию public / assets / ... для сохранения вашего файла, и вы увидите, что все идет хорошо для вас. Я здесь, чтобы исправить ваши проблемы.