Пустая страница при обслуживании моего приложения (Vue Router 4 - Vue 3)

Я первым npm run build взял свое первое большое приложение Vue3 на тест-драйв реального сервера.

Итак, я получил файлы, загрузил их на свой VPS и удивился: сервер распознает пути маршрута только в том случае, если я перемещаюсь по кликам.

Если мне случится перезагрузить страницу или перейти непосредственно к URL-адресу, браузер выдаст ошибку. Я добавил код, указанный здесь: https://next.router.vuejs.org/guide/essentials/history-mode.html в мой .htaccess файл (я использую apache на Centos 7 и я использую CWP), но проблема остается, единственная разница в том, что вместо того, чтобы выдавать ошибку, он просто зависает на странице index.html, но без рендеринга какого-либо контента.

Я не могу понять, что я делаю неправильно.

Пожалуйста, проверьте мой код ниже относительно реализации Vue Router 4.

Я определяю все в файле main.js, например:

import { createRouter, createWebHistory } from "vue-router"
import Page from "./views/Page.vue"
import Content from "./views/Content.vue"
import BaseSection from "./components/BaseSection.vue"

//ROUTER
const router = createRouter({
    history: createWebHistory(),
    routes: [{
            path: "/",
            name: "Home",
            component: Page,
            meta: {
                title: 'Home'
            }
        },
        {
            path: "/docs/1.0/:title",
            component: Content,
            name: "docs"
        }
    ],
    scrollBehavior(to) {
        if (to.hash) {
            return {
                el: to.hash,
                behavior: 'smooth',
            }
        }
    }
});

app.use(router);

Любая идея или предложение? Я схожу с ума.

Спасибо.

С уважением, Т.