Как установить другую базу для моих активов в VueJS Vite?

У меня есть проект VueJS Vite, который по нескольким причинам необходимо встроить в каталог /vue/ в корне существующего проекта.

Это отлично работает для всего. кроме ресурсов, поэтому рассмотрим следующее представление:

Когда страница построена, изображение не отображается, поскольку для базового URL-адреса установлено значение /, однако "приложение" находится в базовом /vue/ Неверное изображение Неправильные ресурсы

Итак, если мы вручную изменим URL-адрес на /vue/assets/image-test.webp, изображение будет отображаться так, как должно: Правильное изображение показаноВводится вручную source

Как я могу заставить ресурсы использовать базовый /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>
Алла
Вопрос задан31 января 2024 г.

1 Ответ

Ваш ответ

Загрузить файл.