Модуль VueJs не найден Axios Post

Вот моя проблема, я использую VueJs, и когда я отправляю изображение на свой сервер, мой сервер изменяет это изображение и создает другой и возвращает мне имя нового файла, но затем возникает ошибка, когда я пытаюсь require () мой новый img с новым путем ... вот мой HTML:

<template>
  <div id = "app">
    <div v-if = "codeStep == 0">
      <img class = "upload_img" :src = "filename" />
      <label id = "selectfile_button" for = "files_selecter" class = "btn">Select Image</label>
      <input id = "files_selecter" type = "file" style = "visibility:hidden;" @change = "onFileChange"/>
    </div>
    <div v-else = "">
      <img class = "upload_img" :src = "filename" />
      <p> {{ percentCompleted }} </p>
      <button v-on:click = "removeImage">{{ cancelText }}</button>
      <button v-if = "codeStep == 1" v-on:click = "submit">{{ nextText }}</button>
      <button v-else = "" v-on:click = "finishText">{{ finishText }}</button>
    </div>
  </div>
</template>

Вот мое объявление пути к файлу:

export default {

  data() {
    return {
      codeStep: 0,
      cancelText: "Cancel",
      nextText: "Blur",
      finishText: "Finish",
      filename: require('../../images/default-image.png'),
      attachments: [],
      data: new FormData(),
      errors: {},
      percentCompleted: 0,
    }
  },

И вот моя публикация моей функции, где я получаю, например, filename.jpg:

  submit() {
    this.prepareFields();
    var config = {
      header: {'Content-Type': 'multipart/form-data'},
      onUploadProgress: function(progressEvent) {
        this.percentCompleted = Math.round( (progressEvent.loaded * 100) / progressEvent.total );
        this.$forceUpdate();
      }.bind(this)
    };
    let self = this;
    axios.post('/api/upload', this.data, config)
      .then(function (response) {
        console.info(response);
        console.info('Successful Upload');
        console.info(response.data)
        var res = response.data.filePath;
        console.info(res)

        // The error is here
        self.filename = require('../../images/' + res);
        self.codeStep = 2;
      })
      .catch(function(error){
        console.info(error)
      })
  },

И вот ошибка на моей консоли:

Error: Cannot find module './goku.jpg'. at webpackContextResolve (.$:24) at webpackContext (.$:19) at upload.vue?4b64:134 at

Я предполагаю, что vueJs require не поддерживает вызов нового файла во время выполнения, потому что он хранит все в dist /?

ps: первый default-image.png хорошо найден vuejs.

Спасибо за ваше время ...

Саймон