У меня есть проект VueJS Vite, который по нескольким причинам необходимо встроить в каталог /vue/
в корне существующего проекта.
Это отлично работает для всего. кроме ресурсов, поэтому рассмотрим следующее представление:
Когда страница построена, изображение не отображается, поскольку для базового URL-адреса установлено значение /, однако "приложение" находится в базовом /vue/
а>
Итак, если мы вручную изменим URL-адрес на /vue/assets/image-test.webp
, изображение будет отображаться так, как должно:
Как я могу заставить ресурсы использовать базовый /vue/
, а все остальное - базовый /
?
Я попробовал очевидное решение, добавив в нашу конфигурацию Vite эту строку: base: '/vue',
, и тогда все работает так, как должно с точки зрения актива view, но наш URL-адрес изменился и теперь всегда включает /vue
в начале, т.е.
Раньше: /Controller/Method/Param
После: /vue/Controller/Method/Param
<script setup lang="ts">
import imageSource from '@/assets/image-test.webp';
</script>
<template>
<img :src="imageSource" />
</template>