Как заменить localhost:8000 на мой домен?

Question

[Daksin]

Мне надо на production версии к /files/image добавлять мой домен.
К примеру: www.mydomain.com/files/imagename.
Что мне надо дописать в vue config?

Comments

[Василий Банников]

А зачем? Оно же и так должно хорошо работать

[alexalexes]

Если вы беспокоитесь, что поломаются относительные ссылки на ресурсы html страницы, то в заголовке страницы нужно прописать тэг base, см. документацию.
Если у вас ссылки и так начинались с корня сайта /. То смысла прописывать нет.

[Daksin]

alexalexes, Попробовал сделать, не работает, мой код:

<template>
  <div v-if="source" v-html="source.data.test" class="ck-content">
  </div>
</template>

<script>
import axios from '../request/axios'

export default {
  data() {

    return{
      source: ''
    }
  },
  async mounted() {
    this.source = await axios.get('/about')
    document.baseURI = 'https://domain'
  },
}
</script>

[alexalexes]

this.source = await axios.get('/about')
    document.baseURI = 'https://domain'

Может просто синтаксические ошибки, потому что точки с запятой не поставили в конце строк?

Answer 1

[RuMsg]

<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

[Aetae]

Ну меняй publicPath для production, какие проблемы?