Отображение изображения, сохраненного в папке, и имени в базе данных в Nodejs и Vuejs

#javascript #node.js #vue.js #quasar-framework

Вопрос:

Я сохраняю свои изображения в папку, в то время как имя изображения сохраняется в базе данных. В моем бэкэнде я уже сделал папку загрузки именованной статической папкой

введите описание изображения здесь

 app.use(express.static(path.join(__dirname, 'public')));
 

Поэтому я пытаюсь получить изображение в своем коде vuejs.

  <img class="profile-user-img img-fluid img-circle" :src="getProfilePhoto()" alt="User profile picture">
 

Мой Метод.

 getProfilePhoto() {
  if(this.profiles.file){
    this.profiles.file = this.profiles.file.replace(/^/ |/ $/g, '')
    return (`http://localhost:8081/public/images/${this.profiles.file}`)
  }
  console.log(this.profiles.name)
},
 

Но я получаю 404 Не найденных и неопределенных.
Я пытаюсь зарегистрировать изображение, но в результате получается undefined