title: Images uploaded in Vue.js production mode not showing
body: <p>I am a bit new to Vue.js. I am doing a social media application that allows users to upload and share images with others. I store my images in src/assets folder during development. However, when I build the project, all images are put in the dist folder. Therefore, what can I do to enable users to still upload images on production? Do I create the assets directory in the dist folder? 
  I have since tried different ways, including storing images on the backend. In dooing this, I reference the backend path relatively, using, for example, <em>../../../backend/public/assets...</em>, and it works on development. However, when I build, the images that existed in the backend directory at the time of building are visible, however, whenever I try uploading more on production to the <em>../../../backend/public/assets...</em> directory, they are uploaded successfully but are not visible (that is on production). I get an error that <em>Cannot find module './image_name.image_extension'</em>. 
  What am I doing wrong?
  I have seen similar questions like <a href="https://stackoverflow.com/questions/48051772/image-not-showing-in-deployed-vue-js-app">this</a> but there was no answer.</p>