How to replace localhost:8000 with my domain?

Question

Vue.js

I need to add my domain to /files/image on the production version.
For example: www.mydomain.com/files/imagename.
What do I need to add to vue config?

Answer 1

<template>
  <div>
    <div v-for="(image, index) in images" :key="index">
      <img :src="image_url(image)" >
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      domain_name: '//www.mydomain.com',
      images: [
        "files/image1.jpeg",
        "files/image2.jpeg",
        "files/image3.jpeg"
      ]
    };
  },

  computed: {

    image_url: function(path) {
      return process.env.NODE_ENV === 'production'
      ? `${this.domain_name}/${path}`
      : `/${path}`;
    }

  }
}
</script>

Answer 2

Well, change publicPath for production, what's the problem?