Статические файлы #

assets #

Если файл не является модулем (пр. изображение или файл стилей), но обратаывается сборщиком, то рекомендуется хранить их в директории src/assets.

.
├─ src
│  ├─ assets
│  │  ├─ images
│  │  │  └─ my-image.png

<template>
    <img :src="myImageSrc">
</template>

<script lang="ts" setup>
import myImageSrc from '@/assets/images/my-image.png';
</script>

public #

Кроме файлов, которые транспилируются и попадают в бандл с помощью импорта, иногда нам нужно по какому то пути отдавать и другие файлы (например robots.txt).

Для этого можно создать директорию src/public, и все файлы, которые будут в этой директории попадут в клиентский бандл и будут доступны по базовому пути (Например: /robots.txt).

.
├─ src
│  ├─ public
│  │  ├─ images
│  │  │  └─ my-image.png
│  │  └─ robots.txt

<template>
    <img src="/images/my-image.png">
</template>