Проект Building Vue игнорирует вложенные папки мультимедиа

Question

Я использую Vue 2 и помещаю несколько видео в шаблон Vue, используя HTML5 видео.

Я сохраняю эти видео в VueProjectRootFolder/src/assets/videos/myVideo.mp4, поэтому моя разметка в Vue

          <video width="100%" height="40%" controls> 
            <source src="@/assets/videos/myVideo.mp4" type="video/mp4">   
          </video>   

Это работает, и когда я делаю npm run build, видео работает. Но он переносится в папку media, а внутри подпапки videos нет. Кроме того, Vue изменяет URL-адрес видео на /media/myVideo.mp4

Я хотел бы сделать npm run build и иметь media/videos, где находятся все мои видео. И URL видео в источнике изменить соответственно на media/videos/myVideo.mp4

Как я могу это сделать? Спасибо

EDIT

Поскольку документы предлагают использовать папку publi c для многих файлов, я также попытался использовать папку publi c. Я создаю внутри подпапку с именем videos, а источник в разметке -

<source src="../../../public/videos/myVideo.mp4" type="video/mp4">

Это работает, если я создаю Vue, но папка publi c теперь называется media и внутри нет подпапки. Папка videos появляется в root приложения, на том же уровне, что и медиа-папка и index.html файл.

Теперь источник: media/myVideo.mp4

Как я могу разместить папку видео внутри publi c и указать источник media/videos/myVideos.mp4?