为ve3中的子目录创建路由

Question

我使用了一个Vue Starter模板:

Vite + Vue 3 + Tailwind CSS (starter) ⚡

• 顺风CSS v3.0.0-alpha版本
• Vue Router 4.x

应用程序应该运行在像:domain.com/VueApp这样的子目录下，然后按照路由器vejs的手册添加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声明了你的应用程序在域名中的位置，但如果没有给定的路径，仍然会运行。