为 vue3 中的子目录创建路由

Question

我使用Vue Starter Template：

Vite + Vue 3 + Tailwind CSS (starter) ⚡

• Tailwind CSS v3.0.0-alpha ⚠
• Vue Router 4.x

应用程序应该在子目录中运行，例如：domain.com/VueApp，我按照manpage of router vuejs 添加base，如下所示：

const router = createRouter({
    history: createWebHistory(),
    base: '/VueApp/',
    routes,
})

但<router-links> 仍然忽略该基本条目。

Answer 1

我不知道我是否理解正确，但如果您希望网址中包含/VueApp/，则需要将其更改为createWebHistory()。像这样：

const router = createRouter({
    history: createWebHistory('/VueApp/'),
    base: '/VueApp/',
    routes,
})

base 声明您的应用在域中的位置，但在没有给定路径的情况下仍然可以运行。