为 vue3 中的子目录创建路由

Posted 2023-02-25

【中文标题】为 vue3 中的子目录创建路由

【英文标题】：make routes for a subdir in vue3

【发布时间】：2021-12-02 05:33:53

【问题描述】：

我使用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> 仍然忽略该基本条目。

【参考方案1】：

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

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

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

【讨论】：

你做了，现在可以了：-)