我在我的Web服务器的子目录中创建了一个Vue3的简单示例：

https://tokant.com/vue-router-transition-v2/

导航到不同的导航链接可以正常工作，在home和about上刷新浏览器也可以正常工作。但是，在最后两个链接（使用 * Dynamic Route Matching with Params ）上，存在一个问题：这main.js文件不能被检索因为它变成相对到这*/users/路径并且不是这应用根.
我的路由器createWebHistory***base * path或. htaccess一定有问题，但我尝试了许多可能性都没有成功。
路由器和路由设置如下：

const routes = [
    { path: '/', name: 'home', component: Home },
    { path: '/about', name: 'about', component: About },
    { path: '/users/:id', name: 'user', component: User },
    { path: '/:pathMatch(.*)*', name: 'notfound', component: NotFound }
]
const router = createRouter({
    // 4. Provide the history implementation to use. We are using the hash history for simplicity here.
    history: createWebHistory('/vue-router-transition-v2'),
    routes, // short for `routes: routes`
})

. htaccess看起来像这样：

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /vue-router-transition-v2/index.html [L]
</IfModule>

有人知道为什么刷新使用动态路由的页面时不使用基路径吗？
重要信息：应用程序的创建不需要构建步骤。