在 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

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

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

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