Как отобразить изображение, которое было сохранено в локальном хранилище?

Question

Моя проблема в том, что я сохранил изображение в локальном хранилище, но когда я извлекаю его из vuex и вставляю в код, изображение не появляется.

Объект, который я получаю из vuex:

place: {
    ....
    imgPath: C:\Users\...\Pictures\abc\b\first.jpg
    ....
}

и подтвердите код:

<v-img v-bind:src="place.imgPath"></v-img>

Answer 1

Vue предназначен для запуска на веб-сервере. Включение файлов непосредственно с локального жесткого диска является проблемой безопасности и поэтому не допускается. Либо включите изображение в свои ресурсы, чтобы Vue мог включить его таким образом, либо разместите изображение в каком-либо домене, чтобы вы могли связать его оттуда. Опять же, пути, начинающиеся с буквы диска, не (и не должны) работать.

Answer 2

здесь у вас есть вопрос о изображении в локальном хранилище и доступ к нему: Как сохранить изображение в localStorage и отобразить его на следующей странице?

и вот официальный документ vueдля хранилища на стороне клиента: https://vuejs.org/v2/cookbook/client-side-storage.html

должно быть достаточно, чтобы ответить на ваш вопрос:)