nebykoff_anton

Ну что ж. Решение как и проблема глупые.
Я поменял роутер на "историю"(еще очень давно), чтобы были красивые URL, но в документации написано, что нужно настраивать веб-сервер при таком подходе, если SPA не находиться в корневой директории и не в index.html.
https://router.vuejs.org/guide/essentials/history-...

Vue-router в режиме истории не мог работать просто. А на других доменах оно работало, так как я их и правда размещал в index.html, в корне.

Быстрое решение: нужно сменить из 'history' на "hash mode", ну или просто убрать опцию "mode" в роутере(так как оно изначально в этом режиме).
Иначе нужно настроить веб-сервер.

Проблема решилась установкой абсолютно всех последних обновлений Win 10 в том числе и не обязательных. Оказывается у меня Win была еще не обновлена до версии 1909 ( я не слежу за версиями обновлений, работает система и хорошо ). После обновления Win виртуалбокс все еще толком не работает. Далее ставим накопительное обновление для .Net перезагружаемся и виртуалбокс опять не работает. Идем опять в центр обновлений ищем обновления и видим, что в наличии есть необязательное накопительное обновление устанавливаем его (устанавливается ооооочень долго) перезагружаемся опять и вуа-ля! Виртуалбокс работает как надо. Так что если у вас похожая проблема попробуйте установить все последние в том числе и не обязательные обновления Windows возможно это поможет.

это отменит последний коммит, но оставит изменения
git reset --soft HEAD~1

а это -- дополнит текущий коммит обновленными данными.
git commit --amend

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

Контейнеру задать display: flex; flex-direction: column;
Для текста задать margin-top: auto;
В результате между названием и текстом будет пустое пространство.

Добрый вечер.
Вот пример. Отправляет форму вместе с изображением.

$(function() {
    $('#form-data').on('submit', function(e){
        e.preventDefault()
        var form = $(this); // Предположу, что этот код выполняется в обработчике события 'submit' формы
        var data = new FormData();  // Для отправки файлов понадобится объект FormData. Подробнее про него можно прочитать в документации - https://developer.mozilla.org/en-US/docs/Web/API/FormData

        // Сбор данных из обычных полей
        form.find(':input[name]').not('[type="file"]').each(function() { 
            var field = $(this);
            data.append(field.attr('name'), field.val());
        });

        // Сбор данных о файле (будет немного отличаться для нескольких файлов)
        var filesField = form.find('input[type="file"]');
        var fileName = filesField.attr('name');
        var file = filesField.prop('files')[0];
        data.append(fileName, file) ;

        // Отправка данных
        var url = 'upload.php';

        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            contentType: false,
            cache: false, 
            processData:false, 
            success: function(response) {
                console.log(response)
            }           
        });  
    })          
});

Есть слишком замороченный скрипт отправки, но он завязан на валидаторе.

Обычный скрипт, никаких заморочек.